Question

喜

我是javascript和html5的新手（刚开始3周前）所以我的问题可能看起来有点愚蠢。

所以我想知道是否可以使用mouseleave.function阻止YouTube视频......

我在我的网站上播放了一首音乐，当我翻阅我的YouTube视频音乐停止时，我这样做了：

$(video).mouseenter(function(){
    audioElement.pause();
});

比我可以播放YouTube视频...

当我离开视频播放器时，音乐再次亮起，我用这个：

$(video).mouseleave(function(){
    audioElement.play();
});

但我想让youtube视频同时停止，因为视频的声音正在播放，而我背景音乐的声音正在播放......

$(video).mouseleave(function(){
    audioElement.play(); **Something here to pause the youbevideo**
});

有可能吗？我想保留youtube视频的版本，因为我使用fitvids调整视频大小。

谢谢

皮尔为我的英语而努力...

以下是我的解决方案，RAVI。

因此解决方案是将YouYube API脚本从外部js移动到主html。

http://users.skynet.be/fc864408/version9.html

    <body>

      <div class="tf_content" id="page4">
        <div class="container">
            <div class="vendor" id="video">
     <div id="player"></div>


           </div>
       </div>
       </div>  




        <!-- The JavaScript -->

      <script>

      var tag = document.createElement('script');
 tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag)

      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '420',
          width: '640',
          videoId: 'lVQzIwpClXA?theme=light&color=white&autohide=0&autoplay=0&showinfo=0&rel=1&controls=1;',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }
      function onPlayerReady(event) {

      } 
        var done = false;
      function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.PLAYING ) {
    audioElement.volume=0;
          done = true;
        }
      }


     video = document.getElementById("video");




            $(video).mouseleave(function(){
                   player.stopVideo()
                up();   
                });



 $(".container").fitVids();

现在它可以工作......视频根据窗口调整大小。

Answer 1

只需使用（VideoElementID）.play（）和（VideoElementID）.pause（）来播放/暂停鼠标事件上的视频。您无需单独播放/暂停音频和视频。

此致拉维

iframe youtube视频控件

1 个答案: