11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous Smiley smile

j'espère trouver des réponses à mes interrogations. Après moultes recherches, en voyant mes vidéos comprises dans une balise <video> en HTML5 rester de marbre sur un Ipad sous IOS8, j'ai donc compris que l'autoplay, bah IOS il aime pas ! Smiley bawling Du coup, je me suis tournée vers JS pour activer tout ce petit monde. Et comme je voulais faire les choses encore mieux qu'avant j'ai attribué une classe lorsque ma vidéo est scrollée visible à l'écran.

Seulement ahahah ça ne marche pas ! Et là je suis entrain de faire quelque chose d'immonde en JS.

Voyez le bazar !
                    
<video class="video video-js" id="videoID" width="100%" height="auto" preload="auto">
             <source src="video1.mp4" type="video/mp4">
              <source src="video1.webm" type="video/webm">
Votre navigateur ne supporte pas la vidéo          
</video>


Et le JS


videojs('.in-view').ready(function() {
    this.play();
});


Ça semble simple mais pfffff ! J'ai bien tenté avec video.js mais je suis partie dans un délire qui ne marche pas. Alors que je veux juste un autoplay quand video est a la classe .in-view et partout !

Des idées à me suggérer ? Smiley help
apple desactive l' autoplay sur ios pour conserver le forfait data des utilisateurs.

https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html

In Safari on iOS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, preload and autoplay are disabled. No data is loaded until the user initiates it. This means the JavaScript play() and load() methods are also inactive until the user initiates playback, unless the play() or load() method is triggered by user action. In other words, a user-initiated Play button works, but an onLoad="play()" event does not.