单击链接时停止YTplayer视频...或者只是暂停它?

时间:2014-05-12 22:08:11

标签: javascript jquery video ytplayer

网站播放带声音的全屏视频。该网站旨在播放没有声音的视频。点击链接后,该网站的其他部分会显示在视频的顶部。

不幸的是,客户端坚持要声音,因此当点击某些内容时,您仍会听到音乐,直到视频结束。我知道有可能让视频停止,甚至在点击链接时将其静音,但我似乎无法理解在哪里实现这一点。非常感谢您的帮助。我不是一个jquery人,所以我对此很暗淡。网站使用 YTPlayer http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-ytplayer/

网站:http://www.bradfordweb.com/clients/concannon2/

正在播放视频的页面中的代码是:

<a id="P2" class="player" data-property="{videoURL:'http://youtu.be/OgAr2jQr3rg',containment:'#home',autoPlay:true, mute:false, loop:false, opacity:.6}"></a>

链接是:

<div class="link-home"><div class="cl-effect-8"><a href="javascript:goTo('about'); "><span>ABOUT US</span></a>  </div></div>

我试过了:

onclick="stop()"

stopYTP

我在jquery.mb.YTPlayer.js文件中找到了该函数:

stopYTP: function () {
        var YTPlayer = this.get(0);
        var controls = jQuery("#controlBar_" + YTPlayer.id);
        var playBtn = controls.find(".mb_YTVPPlaypause");
        playBtn.html(jQuery.mbYTPlayer.controls.play);
        YTPlayer.player.stopVideo();
    },

帮助?

1 个答案:

答案 0 :(得分:0)

我也遇到过这个问题,并在onYouTubePlayerReady函数中找到了它。

在该文件中查找并执行以下更改:

function onYouTubePlayerReady(playerId) {
  var player=$("#"+playerId);
  player.mb_setMovie();

  // Remove or comment out the lines below.
  // $(document).on("mousedown",function(e){
  //   if(e.target.tagName.toLowerCase() == "a")
  //     player.pauseYTP();
  // });
}

该行只是简单地将mousedown事件绑定在一个标签上,从而暂停播放器。

希望有所帮助。