iframe youtube视频控制

iframe youtube video control

本文关键字：控制 视频 youtube iframe      更新时间：2023-09-26

hi，

我真的是javascript和html5的新手(3周前才开始(，所以我的问题可能看起来有点愚蠢。

所以我想知道是否可以用鼠标离开来停止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来调整视频的大小。

感谢

皮埃尔srry为我的英语。。。

这是我的解决方案，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();

现在它工作了。。。视频正在根据窗口调整大小。

只需使用(VideoElementID(.play((和(VideoElementID.pause((即可在鼠标事件上播放/暂停视频。您不需要分别播放/暂停音频和视频。

谨致问候，Ravi

相关文章：