4 votes

utiliser webkit-playsinline en javascript

Comment utiliser webkit-playsinline en javascript plutôt que dans la balise vidéo html5 ? Je veux l'utiliser comme le contrôle de la balise vidéo/l'attribut autoplay en javascript ou si vous avez une autre méthode qui fonctionne ? Je travaille sur une application iOS PhoneGap qui diffuse de la vidéo.

Vous trouverez ci-dessous les approches que j'ai essayées, mais aucune ne fonctionne :

videoPlayer.WebKitPlaysInline = "webkit-playsinline" ; videoPlayer.WebKitPlaysInline = "WebKitPlaysInline" ; videoPlayer.webkit-playsinline = "webkit-playsinline" ; videoPlayer.WebKitPlaysInline = "true" ; videoPlayer.WebKitPlaysInline = true ; videoPlayer.webkit-playsinline = "true" ; videoPlayer.webkit-playsinline = true ;

Mon code actuel (js) :

function loadPlayer() {
    var videoPlayer = document.createElement('video');
videoPlayer.controls = "controls";
    videoPlayer.autoplay = "autoplay";
    videoPlayer.WebKitPlaysInline = true;
    document.getElementById("vidPlayer").appendChild(videoPlayer);
    nextChannel();
}

Mon code actuel (html) :

<body onload="loadPlayer(document.getElementById('vidPlayer'));"><!-- load js function -->

<li><span class="ind_player"><div id="vidPlayer"></div></span></li><!-- video element creat here -->

Toute aide est la bienvenue. Merci de votre compréhension.

6voto

Jon Lucas Points 71

Vous pouvez le faire sans jQuery :

var videoElement = document.createElement( 'video' );
videoElement.setAttribute('webkit-playsinline', 'webkit-playsinline');

Vous devez activer cette fonctionnalité dans le WebView de votre application iOs :

webview.allowsInlineMediaPlayback = true;

Vous pouvez consulter cet article pour plus de détails :

Vidéo HTML5 inline sur iPhone vs iPad/navigateur

4voto

Luke Robertson Points 179

Vous devez l'attacher à l'élément vidéo et le définir comme attribut de la vidéo.

tels que :

<video class="" poster="" webkit-playsinline>
    <source src="" type="video/ogg" preload="auto">
    <source src="" type="video/mp4" preload="auto">                
</video>

vous pouvez donc faire (avec jQuery) :

$('video').attr('webkit-playsinline', '');

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X