按钮显示不正确(Videojs字体在子域上不起作用)

Webgab

我在使用video.js时遇到问题。在主要领域,一切正常。但是在www。子域中的按钮未正确显示(仅显示)。

看起来字体在子域上不起作用。有任何解决办法吗?

j

VideoJS使用自定义字体,该字体是使用@font-facevideo-js.css中指令定义的内部定义的路径是相对的。当FireFox加载字体时,它将使用CSS文件的根URL并连接字体路径。

因此,在查看子域时,将从您的主域中加载自定义字体。听起来不像是个问题,对吗?但是Firefox不允许没有安全性访问控制标头的跨域字体

换句话说,FireFox通常要求从显示页面的域中加载每种自定义字体。如果您正在查看www.example.com,则字体必须来自www.example.com,而不是example.com

你可以

  1. 使用上面链接的解决方案将适当的标头添加到您的服务器(如果有控制权),以允许使用“跨域”字体(www.example.com被视为与example.com不同的域)
  2. 从活动的任何域动态加载VideoJS CSS文件。

如果您想走后一条路线,请在用户查看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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

SSL在子域上不起作用

来自分类Dev

VideoJS:在IOS上不起作用

来自分类Dev

cytoscape样式表不起作用。文字和图形显示不正确

来自分类Dev

子域路由在Laravel 5上不起作用-WAMPServer

来自分类Dev

CodeIgniter CSRF在子域上不起作用

来自分类Dev

WebDriver SSL证书接受在子域上不起作用

来自分类Dev

条件格式不起作用或公式不正确

来自分类Dev

字体在15.10上显示不正确

来自分类Dev

日文字体显示不正确

来自分类Dev

$作用域定义不正确

来自分类Dev

Google字体在CSS上不起作用

来自分类Dev

LabelNode字体在设备上不起作用

来自分类Dev

子域不起作用

来自分类Dev

asp:按钮显示不正确

来自分类Dev

Rhythmbox控制按钮显示不正确

来自分类Dev

单选按钮不正确突出显示

来自分类Dev

社交按钮显示不正确

来自分类Dev

按钮在HTML画布上不起作用

来自分类Dev

按钮在Pjax Reload上不起作用

来自分类Dev

菜单按钮在设备上不起作用

来自分类Dev

子菜单显示不正确

来自分类Dev

UIScrollView 显示子视图不正确

来自分类Dev

子 LinearLayouts 显示不正确

来自分类Dev

OnMouseOver()在子级上不起作用

来自分类Dev

子进程在 linux 上不起作用

来自分类Dev

子域在WHM控制面板上不起作用

来自分类Dev

共享表单身份验证Cookie在子域上不起作用

来自分类Dev

为什么使用不正确的登录时错误消息不起作用?

来自分类Dev

为什么使用不正确的登录时错误消息不起作用?