HTML5 视频不能仅在 chrome 中播放答案

【问题标题】：HTML5 video not playing only in chromeHTML5 视频不能仅在 chrome 中播放
【发布时间】：2020-05-02 08:09:12
【问题描述】：

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

<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>

【问题讨论】：

标签： html wordpress html5-video

【解决方案1】：

您是否已经尝试过修改语法？

您应该明确删除源标记后的分号。这是 Html，不是 javascript 代码，所以不应该有分号。

您也可以设置控件的布尔属性而不给任何值，只需将“控件”放在标签内即可。

试试这个，也许它可以解决你的 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>

【讨论】：

我试过这段代码，但问题仍然存在。该代码适用于另一个网站，甚至是一个简单的 html 页面，但它不适用于一个特定的网站。
好吧，如果代码在其他任何地方都可以工作，您应该让我们看看您的特定网站，因为问题似乎就在那里。您是否在控制台中收到任何错误或类似的错误？您如何将此代码包含到您的 wordpress 网站中？
不，没有错误。我只是在文章或产品页面的文本编辑器中编写代码
你能提供一个链接吗？所以我可以检查一下 bahivour 在其他浏览器和 chrome 中的表现如何......你考虑使用插件吗？他们将负责浏览器的兼容性de.wordpress.org/plugins/html5-video-player
developers.google.com/web/updates/2017/09/…

【解决方案2】：

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

【讨论】：

【解决方案3】：

我知道这已得到解答，但请注意您的源文件。浏览器选择他们“知道如何播放”的第一个文件。

由于每个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 文件）

【讨论】：

非常感谢您分享您的想法。目前我只使用 x264 mp4 格式，因为它适用于所有浏览器。