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

标签 javascript jquery google-chrome popup html5-video

这将再次成为那些可能没有答案的问题之一,但我还是会尝试一下。

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

在 Opera 和 Firefox 中一切都可靠地工作。该视频无法在 IE9 中播放,最烦人的是,它有时在 Chrome 中播放,有时却不能。 (顺便说一句,Safari 甚至不会弹出,不知道为什么)。

该插件是一段代码,但最终结果是一堆链接,里面有一张图片,还有一个隐藏的 div,其中包含与当前视频相关的链接。然后是视频容器,也就是弹窗的代码。单击其中一个链接后,视频的源代码将交换为链接隐藏内容中的源代码。

这很难解释,所以请看一下网站上的代码: http://londoncreativedigital.com/downloads/creativeshowcase/

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

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

如果有任何帮助,我将不胜感激。我只是无法从逻辑上解释这可能是什么原因。我试图调试 JS,但无法提出任何建议。 有那么一瞬间,我认为添加 webm 视频会有所帮助,但事实并非如此。它的行为方式相同,即使在添加 webm 并删除 mp4 版本之后也是如此。 (在localhost上试过,网络版没有webm vids)。

最佳答案

您几乎不需要责怪您的标记或 javascript,假设有与此不同的东西。我遇到过几次这样的情况。好吧,这就是我所做的。

  1. 直接在 chrome 和 FF 中打开视频。
  2. 打开两者的开发者栏,然后查找网络(网络)选项卡,您应该在其中查看 header 和其他加载信息。
  3. 在我的例子中,FF 中只有一个请求,从 Chrome 中乘以,只有取消或待处理。
  4. 对 ogg 剪辑进行了同样的尝试,它在 FF 中很好,尽管是分块的,在 Chrome 中更好一些,部分请求处于待处理状态,部分已取消,并且 fiew 很好。

这里可能有什么问题,好吧,正如我所说,我过去确实遇到过类似的问题,我与专业的电影制作人合作,他们在所有编解码器方面做得非常好。我刚刚向他展示了来自 videojs.com 的完美工作的 mp4 视频,他通过更改编码器或类似的东西以某种方式修复了他的问题。不幸的是,我无法联系他如何询问,但它可能会给你一些想法。每当您能够解决它时,请在此处更新状态,我一直都很感兴趣,但没有机会解决我的好奇心。

您的视频只对我有用过一次,但我不确定当时是 mp4 还是 ogg。我也在 win7 上使用最新的 Chrome 和 FF。

关于javascript - 弹出框中的 HTML 视频在 Chrome 中随机播放/不播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14960955/

相关文章:

c# - 使用不显眼的 JavaScript,参数不是 null,但它的值是

html - 使用 css(使用 chrome)禁用打印机默认边距?

jQuery:使用变量作为选择器

javascript - 反向 jquery 调整大小移位功能

css - 谷歌浏览器上表格的格式问题

jquery - “webkitIndexedDB”已弃用。请使用 'indexedDB' 代替

javascript - 在加载到 html 之前,我如何获取图像大小?

JavaScript 警报回调在函数内部不起作用

javascript - 极限阵列, Angular

javascript - Jquery 错误 Uncaught TypeError Object has no method 'wijmenu'