我在使用video.js时遇到问题。在主要领域,一切正常。但是在www。子域中的按钮未正确显示(仅显示)。
看起来字体在子域上不起作用。有任何解决办法吗?
VideoJS使用自定义字体,该字体是使用@font-face
video-js.css中的指令定义的。内部定义的路径是相对的。当FireFox加载字体时,它将使用CSS文件的根URL并连接字体路径。
因此,在查看子域时,将从您的主域中加载自定义字体。听起来不像是个问题,对吗?但是Firefox不允许没有安全性访问控制标头的跨域字体。
换句话说,FireFox通常要求从显示页面的域中加载每种自定义字体。如果您正在查看www.example.com,则字体必须来自www.example.com,而不是example.com。
你可以
如果您想走后一条路线,请在用户查看www.example.com
时加载http://*www.*example.com/path/to/video-js/video-js.min.css
。查看example.com
时加载http://example.com/path/to/video-js/video-js.min.css
。
请注意,Webkit不在乎-似乎只是Firefox问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句