Vimeo vidéo dans la balise vidéo HTML 5 sur iPad

Question

j'ai un exemple jsFiddle ici - http://jsfiddle.net/fzzgjem4/5/

J'ai une vidéo vimeo dans une balise vidéo html5 comme dans l'exemple qui est pleine largeur et joue en arrière-plan.

Ceci ne fonctionne pas sur un ipad mais montre simplement une boîte noire.

Est-il possible de lire une vidéo vimeo dans un tag vidéo html5 sur un ipad?

 <div class="video-block"> 

     <video src="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4" autoplay muted loop></video> 

     </div> 

Answer 1

<video> est bizarre sur iOS. Vous devez toujours utiliser controls = true pour que cela fonctionne. Il devrait ressembler à ceci:

<div class="video-block"> 
 

 
    <video src="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4" controls="true" autoplay muted loop></video> 
 

 
</div>

Au moins, voilà comment cela fonctionne avec des vidéos régulières, pas sûr comment l'utilisation de Vimeo change son comportement. Malheureusement, cela va ajouter les contrôles Vimeo à la vidéo, ce qui signifie qu'il est nul si vous voulez l'utiliser comme arrière-plan pour un div.