1

你好,

我对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();

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

4

1 回答 1

0

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

问候,拉维

于 2013-04-05T23:14:03.923 回答