HTML5 Attribut d'affichage vidéo dans Safari et Chrome

Question

Dans Firefox, l'image spécifiée par l'attribut poster de la balise VIDEO reste à l'écran jusqu'à ce que vous appuyiez sur le bouton de lecture. Cependant, dans les navigateurs Webkit (Safari et Chrome), l'affiche est vidée en faveur de la première image de la vidéo dès que les métadonnées vidéo sont extraites. Je veux éviter d'avoir à placer l'affiche sur le dessus de l'élément vidéo manuellement si je le pouvais. Est-ce que quelqu'un sait d'un correctif pour cela?

<video src="some_url" poster="images/poster.jpg"> 
    <source type="video/ogg" src="some_url" /> 
</video> 

Answer 1

Il semble que WebKit bandes l'attribut dès que la vidéo est fethced, parce que iOS 3.x pour Iphone et Ipad a un bug grave où il est impossible de lire la vidéo du tout quand il y a un attribut d'affiche spécifié. Cela a été corrigé dans iOS 4, mais la solution reste toujours, même dans Safari 5 ... Il y a beaucoup d'utilisateurs qui n'ont pas encore mis à jour iOS 4, donc pas de chance avec l'affiche ...

I vais essayer de positionner l'image absolument sur la vidéo en utilisant Javascript, et en la supprimant quand la vidéo est lue - cela semble être la meilleure solution ...

Answer 2

Si vous pouvez vous en sortir sans précharger la vidéo, vous pouvez set preload = "none" sur l'élément vidéo. Dans Safari, l'affiche est affichée. Safari sur iOS définit probablement preload = "none" comme valeur par défaut pour économiser la bande passante, tandis que la version de bureau précharge à moins que vous ne le disiez explicitement.