视频播放器全屏问题

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

在全屏模式下，视频只扩展到包装（父div）的大小，而不是真正的视图大小。

它只发生在Google Chrome中。在Firefox中，全屏模式按预期工作。

一个例子可以解决这个问题。有一个视频在这篇文章的末尾：http://yon.ir/rr288

显然它是关于jQuery。

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

任何帮助，将不胜感激。

更新：显然，成千上万的用户正在使用我用默认版本的jQuery测试的视频播放器，并且没有问题，所以它可能是导致问题的其他内容。

来源

2016-05-15 PooMer

我遇到了一个我在工作中遇到的Web程序的问题。在较新的浏览器版本中，它显示为全屏，在旧版本中它只填充到父容器（不是完全相同的情况，而是相同的问题）。我所做的是修改函数onClick（），它叫做全屏。该功能是在你的情况下（video.js）在一分钟的JavaScript可能不是非常apropiate做到这一点。您可以为该事件创建一个新的侦听器并停止默认的侦听器。我做了修改分钟文件，但我知道这不是幻想：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)}}

所以我supose Ë是事件和如果你禁用它如果浏览器是铬它不会进入该功能，然后你可以做另一个代替。

来源

2016-05-15 23:36:56

如果您需要帮助来阻止事件，请看[这篇文章]（http://stackoverflow.com/questions/387736/how-to-stop-event-propagation-with-inline-onclick-属性）（例如）如果我没有给你足够的信息问我更多:) –

感谢您的回复，但问题是我知道一点PHP，HTML和CSS和JS没有关系。另外我正在寻找更好的解决方案。其实我想知道是否有一种方法可以管理每个插件使用的jQuery或更好的东西。除此之外，我敢肯定数以千计的用户正在使用这些插件的默认版本的jQuery，所以它可能是其他问题导致的问题。 – PooMer

好的，我明白了。

的问题是容器的CSS属性：

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

我不得不添加一个事件，所以当玩家在全屏模式下这两个属性值更改为“无”。

P.S.对不起，我的英文不好

来源

2016-05-16 10:31:51 PooMer

视频播放器全屏问题

回答

相关问题