Home / Questions / 248045
Accepted
Ricardo Sauceda
Asked: 2020-03-23 09:48:00 +0800 CST 2020-03-23 09:48:00 +0800 CST

如何使用 HTML5 自动播放视频？

  • 772

我希望视频在我的网站上自动播放，现在我有以下代码：

<video width="440px" loop="true" autoplay="autoplay" controls>
  <source src="src="http:tuvideo.com/mivideo.mp4"" type="video/mp4">
</video>

我希望你们可以合作。我们必须插入 Javascript 并不重要。问候。

javascript

3 Answers

  1. Best Answer

    播放视频的正确格式如下：

        <video loop="true" muted autoplay style="width:1000px;">
       <source src="http:tuvideo.com/mivideo.mp4" type="video/mp4">
    </div>

    我必须承认，如果您添加“静音”语句，它仅适用于 Chrome。

    我告诉他们吸引用户的一个好方法是使用静音自动播放，这对我来说就是这样。我希望能提供一些东西。问候。

    官方来源：https ://developers.google.com/web/updates/2017/09/autoplay-policy-changes#mei

    • 3

  2. 正如@Francisco Garrido 之前评论的那样，您必须添加 tag autoplay，如果您愿意，请尝试从以下示例中删除该属性：

    <video width="440px" loop="true" controls autoplay>
  <source src="http://viajesacuba.mx/images/slider/SLIDER-CUBA.mp4" type="video/mp4">
</video>

    也许你把属性放在错误的地方，检查一下。我希望它对你有帮助。问候。

    • 0

  3. 在 Chromeautoplay中，它仅在您还使用该属性时才有效muted 

    <video id="video" width="360" height="450" autoplay muted loop>
 <source src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/222579/twitter_cat.mp4"  type="video/mp4">
</video>

    • 0