【问题标题】: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
    【解决方案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 格式,因为它适用于所有浏览器。
      猜你喜欢
      • 2014-01-27
      • 2018-05-08
      • 2016-12-17
      • 2013-04-18
      • 2012-08-02
      • 1970-01-01
      • 2017-01-14
      • 2013-11-04
      • 2012-12-30
      相关资源
      最近更新 更多