はホバー

Question

にユーチューブの動画を再生し、私はちょうど私がここにフィドルを持っており、それが仕事を得ることができない

を推移した場合にのみユーチューブの動画を再生する必要があります。 https://jsfiddle.net/rhr5p0pg/2/

更新フィドル

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

は、今ではすべてを果たしているし、あなたのマウスが離れたときには、そのoriginialビデオ

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/

Answer 2

YouTubeのを使用する方が簡単であるに戻っていませんビデオAPI。 APIを使用すると、動画に対する管理が強化されます。

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

Answer 3

あなたは例hereに従って、インラインフレームYouTubeのAPIを使用してビデオを追加する必要があります。

このjQueryのコードをお使いのプレーヤーとの使用を初期化します。

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

//Blur Pause 

$('iframe').on('mouseout',function(){ 
    player.playVideo(); 
});