弹出框中的HTML视频随机播放/不在Chrome中播放

Question

这将再次成为其中一个问题，可能没有答案，但无论如何我都会尝试。

我创建了一个自定义WP插件，它采用文件夹名称并将文件夹内的所有视频输出为图像，点击后会弹出视频。该视频具有自定义控件（仅播放/暂停和静音），我正在使用fancybox播放视频。

Opera和Firefox中的一切都可靠。该视频并不打扰在IE9中播放，最令人讨厌的是，有时在Chrome中播放，有时则不然。 （顺便说一下Safari甚至不会弹出，不知道为什么）。

插件是一段代码，但最终结果是一堆内部带有图像的链接和一个包含与当前视频相关的链接的隐藏div。然后是视频容器，它是弹出窗口的代码。单击其中一个链接后，视频的src将替换为链接隐藏内容中的src。

这很难解释，所以请查看网站上的代码： http://londoncreativedigital.com/downloads/creativeshowcase/

如果你还在阅读，这是插件的代码 https://github.com/marian-cerny/simple-video-embed

视频播放/暂停在assets / player-controller.js中处理。

我非常感谢任何帮助。我只是无法从逻辑上解释这可能是什么原因。我试图调试JS，但无法想出任何东西。 有一秒钟我认为添加webm视频会有所帮助，但事实并非如此。它的行为方式相同，即使在添加webm并删除mp4版本之后也是如此。 （尝试在localhost上，在线版本没有webm vids）。

Answer 1

你几乎不需要责怪你的标记或javascript，假设有不同的东西。我曾经几次这样的情况。好的，这就是我做的。

1. 直接在chrome和FF中打开视频。
2. 打开两者上的开发人员栏，然后查找网络（网络）标签，您可以在其中查看标题和其他加载信息。
3. 在我的情况下，这里只有一个FF请求，并且从Chrome中加倍，只有取消或待处理。
4. 尝试使用ogg剪辑，在FF中虽然很好，但在Chrome中表现更好，部分请求处于待处理状态，部分取消并且fiew很好。

这里可能有什么问题，好吧，正如我所说的那样，我过去也遇到过类似的问题，我和专业电影制片人一起工作，他们对所有编解码器做得非常好。我只是向他展示了来自videojs.com的完美工作mp4视频，他通过改变编码器或类似的方式修复了他的方式。不幸的是，我无法联系他如何和问，但可能它给了你一些想法。请在任何时候你能够解决它，在这里更新状态，我一直有点兴趣，但没有机会解决我的好奇心。

您的视频只为我工作一次，但我不确定此时是mp4还是ogg。另外，我使用最新的Chrome和FF进行win7。