HTML5 视频仅在 chrome 中无法播放

Question

我正在使用此代码在 wordpress 网站上播放视频。该代码在所有浏览器中都能完美运行，但在 chrome 中控件被禁用并且视频无法播放。除了该站点之外的任何其他地方代码都可以在 chrome 中运行。更改主题和禁用插件并没有解决 problem.i 已经多次更改代码和视频格式，但没有任何效果。

<video width="320" height="240" controls="controls">
<source src=" test.mp4" type="video/mp4" />;
  <source src=" test.ogv" type="video/ogg" />;
  <source src=" test.webm" type="video/webm" />;
</video>

Answer 1

你试过编辑语法了吗？

您一定要删除源标记后的分号。这是 Html，不是 javascript 代码，因此不应有分号。

你也可以设置控件的布尔属性不赋值，只需将 "controls" 放在标签中即可。

试一试，也许它可以解决您 chrome 的问题：

<video width="320" height="240" controls>
    <source src=" test.mp4" type="video/mp4" />
    <source src=" test.ogv" type="video/ogg" />
    <source src=" test.webm" type="video/webm" />
</video>

Answer 2

好吧，问题确实出在 ssl 上。我刚刚在我的下载主机上激活了 ssl，视频播放起来很轻松。非常感谢您的提示等级。如果这个 link 不是：w3schools.com/html/tryit.asp?filename=tryhtml5_video 我仍在我的网站上搜索问题。

Answer 3

我知道这已经得到解答，但请注意您的源文件。浏览器 select 第一个文件 "know how to play"。

自从每个 browser that supports video also supports mp4 之后，您将永远不会真正看到视频的 ogg 或 webm 版本的任何回放。我会建议：

<video width="320" height="240" controls>
    <source src=" test.webm" type="video/webm" />
    <source src=" test.ogv" type="video/ogg" />
    <source src=" test.mp4" type="video/mp4" />  
</video>

（并且由于 webm 和 ogg 完全重叠 - 您可能可以避免完全创建 ogg 文件）

HTML5 视频仅在 chrome 中无法播放

HTML5 video not playing only in chrome

html

wordpress

html5-video