2010-12-14 9 views
4

J'ai vu beaucoup de tutoriels sur la façon d'habiller la vidéo html5 pour les navigateurs de bureau, mais je ne trouve rien concernant l'habillage du html5 <video> sur un iPad/iPhone. Je suppose que c'est parce que cela ne peut pas être fait.Puis-je habiller la vidéo HTML5 sur l'iPhone/iPad?

Quelqu'un dessine une ligne sous ceci pour moi?

Merci!

Répondre

5

Vous pouvez réellement les dépecer, mais il y a des limites, ce qui est la raison pour laquelle vous verrez plus HTML5 video players il suffit d'utiliser le contrôleur intégré.

Par exemple, vous ne pouvez pas déclencher le mode plein écran sur l'iPad via javascript. Vous ne pouvez donc pas créer un bouton personnalisé en HTML qui le déclenchera. Vous ne pouvez le faire via le contrôleur intégré (ou une pincée inverse). C'est une limitation malheureuse de Safari mobile.

De même, une fois en mode plein écran natif (navigateur ou appareil mobile), les contrôles par défaut prennent le relais de toute façon. Donc, dans le cas de l'iPhone, qui joue toujours en plein écran, il n'y a vraiment aucun avantage à avoir des contrôles personnalisés. (Firefox) adopte en fait l'approche où les développeurs peuvent faire passer n'importe quel élément de la page en plein écran. Cela signifie que les contrôles personnalisés peuvent persister même en mode plein écran. J'apprécie vraiment cette direction. Je n'ai pas encore vérifié si cela fonctionne en FF4, mais c'est apparemment le plan.

+0

Bravo Heff - Appréciez-vous d'éclaircir ça . – mindwire22

3

Tout ce que vous lisez sur les vidéos skinning html5 est valable pour iPad/iPhone. L'élément <video> est lancé dans un UIWebView qui est rendu par le moteur Webkit (Chrome, Safari)

+0

Ah OK, donc à cause de cette coutume, les contrôles skinables ne peuvent pas être réalisés sur l'iPad/iPhone - comparé à un élément vidéo rendu par le moteur Webkit dans un navigateur dektop ... – mindwire22

Questions connexes