Javascript iframe youtube视频控制_Javascript_Html_Css_Youtube_Youtube Api

Javascript iframe youtube视频控制

javascript html css youtube youtube-api

Javascript iframe youtube视频控制,javascript,html,css,youtube,youtube-api,Javascript,Html,Css,Youtube,Youtube Api,嗨我对javascript和HTML5非常陌生，三周前才开始使用，所以我的问题可能看起来有点愚蠢所以我想知道是否有可能用鼠标移动功能来停止youtube视频我在我的网站上播放了一段音乐，当我将我的youtube视频滚动到音乐站时，我是这样做的： $(video).mouseenter(function(){ audioElement.pause(); }); 这样我就可以播放youtube视频了当我离开视频播放器时，音乐再次播放，我使用以下方法： $(video).mousel

嗨

我对javascript和HTML5非常陌生，三周前才开始使用，所以我的问题可能看起来有点愚蠢

所以我想知道是否有可能用鼠标移动功能来停止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调整视频大小

谢谢

皮埃尔为我的英语

这是我的解决办法，拉维

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

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

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

问候,，

Ravi

您是在实际使用API，还是只是在嵌入iframe？如果您使用的是API，请参阅文档：我使用iframe是因为我想使用fitvids插件，我尝试使用API版本并达到暂停视频的目标，但fitvids插件不再起作用。为什么不像这样使用iframe API：然后在onPlayerReady函数上添加一行：$'player'。fitvids，所以你可以控制玩家元素？按照你现在的方式，你无法访问玩家元素。谢谢，我现在要尝试…我尝试了，但没有成功，主要是因为我…：我将编辑我的问题以显示我所做的…嗨，拉维，谢谢你的回答，但我不能使用VideoElementID.play或暂停YouTubevideo这里是网站的alink：：只需在正确的位置浏览一次即可。谢谢您是否无法获取视频元素ID，然后使用JQuery或Javascript播放/暂停功能？这是你的问题吗？我可以有视频元素id，我只是不能暂停youtube视频。当我使用API版本时，我可以做到这一点，但是我不能调用jQuerryFitVids。更简单的解决方案是：使用api，而不是调用fitvid插件，但它不起作用。感谢您的关注…请在youtube视频中嵌入enableJSAPI，然后使用播放/暂停功能。

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