Vimeo Video Player in HTML5

Question

How to play vimeo videos on HTML5 player?

Step 1:

<video width="320" height="240" controls>
  <source src="http://player.vimeo.com/video/3873878">
</video>

Step 2:

<video src="http://player.vimeo.com/video/3873878" width="320" height="240" controls></video>

Answer 1

This Vimeo doc might help. This is working for us:

1. You need a Vimeo Pro account.

2. Get the video link from the Distribution tab when looking at the video settings in Vimeo:

   

3. Add the video link to your HTML5 video tag:

<video width="320" height="240" controls> <source type="video/mp4" src="https://player.vimeo.com/external/*.hd.mp4?s=*&profile_id=*"> </video>

Answer 2

You will need to use our standard embed code unless you're a PRO member. Our embeds default to HTML5 and use it wherever possible.

<iframe src="https://player.vimeo.com/video/3873878" width="320" height="240" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

See our FAQ for info: https://vimeo.com/s/tdf, https://vimeo.com/s/adg

Answer 3

<iframe  class="b-hero_image lazy"
         data-src="https://player.vimeo.com/video/1111111?autoplay=1&loop=1&autopause=0&api=1&controls=0&muted=1?playsinline=0"
         width="640" 
         height="300" 
         frameborder="0" 
         allow="autoplay; 
         fullscreen" 
         allowfullscreen 
         muted 
         playsinline>
</iframe>