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

How to auto-play a video with HTML5?

  • 772

I want a video to play automatically on my website, for now I have the following code:

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

I hope you can collaborate. It doesn't matter that we have to insert Javascript. Greetings.

javascript

3 Answers

  1. Best Answer

    The correct format to play a video is as follows:

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

    I must confess that it only works in Chrome if you add the " muted " statement.

    I tell them that a good way to engage users is to use muted autoplay and that's how it worked for me. I hope serve something. Greetings.

    Official source: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#mei

    • 3

  2. As previously mentioned by @Francisco Garrido, you must add the tag autoplay, try removing the attribute if you like from the following example:

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

    Maybe you are putting the attribute in a wrong place, check it. I hope it helps you. Greetings.

    • 0

  3. In Chrome autoplayit works only if you also use the attributemuted 

    <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