JQuery lecture automatique de la vidéo

Salut j'ai quelques très de base en html pour une vidéo:

<div class="video_holder">
      <video id="video_player" controls="controls" poster=""> 
        <source id="video_mp4" src="" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
      </video>
</div>

dans mon js:

 function playFile(e) {
      ...
      e.preventDefault()
      var selected = $(this);
      var path = selected.attr('href');
      $("#video_mp4").attr('src', path);
      //how do I get this thing to auto-play?????
  };

Cela fonctionne très bien pour injecter le chemin d'accès correct dans le src attribut, et j'ai vérifié le chemin d'accès est correct et accessible. Cependant, je ne peux pas obtenir la vidéo de la lecture automatique de la charge.

J'ai essayé:

document.getElementById("video_player").play();

$('#video_player').trigger('play');

$('#video_player').play();

Comment puis-je déclencher la vidéo pour la lecture automatique?

Toute aide appréciée.

InformationsquelleAutor Darwin Tech | 2013-02-27

html5-video jquery

6

Vous pouvez utiliser:
```
$("#video_player")[0].play();
```
Ou:
```
$("#video_player")[0].autoplay = true;
```
Ou:
```
document.getElementById("video_player").setAttribute('autoplay', true);
```
Qui vous convient. À l'aide de $('#video_player').play(); vous faites référence à la non-méthode existante play en jQuery et vous devriez faire référence à l'objet trouvé par $("#video_player").

Pour changer la src de la vidéo en JS, il vous suffit simplement besoin de quelque chose comme ça:
```
function playFile() {
    var video = $("#video_player");
    video[0].src = "http://www.yoursrc.com/video_new.mp4";
    video[0].load();
    video[0].play();
};
```
- En fait non de ces méthodes a fonctionné pour moi. Est-il quelque chose de mal avec mon code html? Le lien fonctionne bien, si j'ai coder en dur.
- Il semble que la vidéo n'est pas à jour, parce que si j'ai coder en dur le lien, je peux déclencher jouer avec jQuery, mais il joue toujours de la codé en dur vidéo, même lorsque le src élément est mis à jour.
- J'ai édité ma réponse. Si vous avez des problèmes avec JS la meilleure façon de déboguer votre code à l'aide de console.log() à l'intérieur de votre code. Ceci affichera tout ce que vous voulez dans la console de votre navigateur. Par exemple, dans mon code ci-dessus, vous pouvez déboguer le video variable comme ça: console.log(video); et vous permettra de voir l'ensemble de l'objet et de ses méthodes et les paramètres dans la console. C'est vraiment super outil. Si vous avez un problème avec cet outil/code n'hésitez pas à demander.
- S'est avéré que $("#video_player")[0].load(); est nécessaire avant d'appeler play(), au moins dans mon cas. @sobol6803 - si vous voulez ajouter à votre réponse, je vais l'accepter, comme le reste était correct.
- Cela a fonctionné pour moi, cependant, j'ai dû appeler .load() avant .play(), comme @DarwinTech dit.
InformationsquelleAutor sobol6803
0

Veuillez cocher cette étape simple, Cela fonctionne bien pour moi
```
$('video').trigger('play');
```
Grâce

InformationsquelleAutor subindas pm

Vous devez vous connecter pour publier un commentaire.