Vimeo Video Player in HTML5

问题

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>

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

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

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

回答4:

Use these settings

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

来源：https://stackoverflow.com/questions/35055233/vimeo-video-player-in-html5