jquery - 悬停时播放 YouTube 视频

Question

我只需要在悬停时播放 YouTube 视频

我这里有一个 fiddle ，但无法让它工作。

$(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/

更新了 fiddle :https://jsfiddle.net/rhr5p0pg/4/

现在它会播放所有内容，当您的鼠标离开时，它不会返回到原始视频

Answer 1

您只存储第一个视频 URI (src)。

这样的事情怎么样

$(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/