Question

我在Wordpress网站上使用了很多视频播放器插件，但我在全屏模式下遇到了问题。

在全屏模式下，视频仅扩展到包装器（父div）的大小，而不是实际视图大小。

它恰好出现在谷歌浏览器中。在Firefox中，全屏模式可以按预期工作。

一个例子可以解决这个问题。本帖末尾有一段视频：http://yon.ir/rr288

显然关于jQuery。

当我使用版本低于1.6.4的jQuery时，全屏模式没有问题。但问题是我的其他插件需要一个更高版本的jQuery。

任何帮助都将不胜感激。

更新：显然有成千上万的用户正在使用我使用默认版本的jQuery测试的视频播放器并且没有任何问题，因此它可能会导致问题。

Answer 1

我在工作中使用的网络程序遇到了这个问题。在较新的浏览器版本中，它显示为全屏，在旧版本中它只填充到父容器（不是特别相同的情况，但同样的问题）。我所做的是修改调用全屏的onClick（）函数。这个函数是在你的情况下最小的javascript（video.js）可能不是非常适合这样做。你可以为该事件做一个新的监听器并停止默认监听器。我确实修改了min文件，但我知道这不是花哨的：P

看看video.js感谢browser link，似乎全屏的功能就在这里：

e.V=function(c){
if(!e.disabled)
{c=u.ic(c);var d=e.z[c.type];if(d)for(var d=d.slice(0),k=0,r=d.length;k<r&&!c.pc();k++)d[k].call(a,c)}}

所以我认为 e 是事件，如果你禁用它如果浏览器是chrome 它将不会进入该功能然后你可以做另一个。

Answer 2

好的，我明白了。

问题是容器的CSS属性：

-webkit-animation-fill-mode: both;
animation-fill-mode: both;

我必须添加一个事件，所以当玩家处于全屏模式时，这两个属性值会变为＆＃34; none＆＃34;。

P.S。抱歉我的英文不好

视频播放器全屏问题

2 个答案: