J'ai juste besoin de lire la vidéo youtube uniquement lorsque je suis survolé

J'ai ici un violon et je ne peux pas le faire fonctionner.

$(document).ready(function(){
  $(function() {

      var playersrc = jQuery(iframe).attr('src');

          $('div').hover(function(){
          $('iframe').attr('src',playersrc+'&autoplay=1');
      }, function(){
          $('iframe').attr('src',playersrc);
      });
  });       
});

https://jsfiddle.net/rhr5p0pg/2/

Violon mis à jour: https://jsfiddle.net/rhr5p0pg/4/

Maintenant il joue tout et quand votre souris quitte le il ne revient pas à sa vidéo d'origine

1
Francis Alvin Tan 15 nov. 2017 à 10:55

4 réponses

Meilleure réponse

Vous ne stockez que le premier uri vidéo (src).

Et quelque chose comme ça

$(document).ready(function(){
  var nowPlaying = "none";
      $('div').hover(function(){
          nowPlaying = $(this).find('iframe').attr('src');
          $(this).find('iframe').attr('src',nowPlaying+'&autoplay=1');
      }, function(){
          $(this).find('iframe').attr('src',nowPlaying);
      });

});

https://jsfiddle.net/rhr5p0pg/5/

2
less 15 nov. 2017 à 08:33

Vous devez ajouter la vidéo à l'aide de Iframe Youtube Api, suivez les exemples ici .

Initialisez votre lecteur et utilisez ce code Jquery:

//Hover play
$('iframe').on('mouseover',function(){
    player.playVideo();
});

//Blur Pause

$('iframe').on('mouseout',function(){
    player.playVideo();
});
1
victor_reiner 15 nov. 2017 à 08:06

Il est plus facile d'utiliser l'API vidéo Youtube. Avec l'API, vous avez plus de contrôle sur les vidéos.

https://developers.google.com/youtube/iframe_api_reference

0
Ralph Janssen 15 nov. 2017 à 08:03

Si quelqu'un a le problème que le survol ne joue pas, c'est parce que la politique de lecture automatique a été modifiée. Vous devez désactiver le son de votre vidéo. https://developers.google.com/web/updates/ 2017/09 / changements de politique de lecture automatique

0
Gorr1995 9 mai 2019 à 06:48
47302076