单击链接时停止 YTplayer 视频......还是暂停它？答案

【问题标题】：Stop YTplayer video when link is clicked ... or just pause it?单击链接时停止 YTplayer 视频......还是暂停它？
【发布时间】：2014-06-30 10:43:30
【问题描述】：

网站播放有声全屏视频。该网站旨在播放无声视频。当点击链接时，网站的其他部分会出现在视频的顶部。

不幸的是，客户坚持要有声音，所以当点击某些东西时，您仍然可以听到音乐，直到视频结束。我知道点击链接时视频可能会停止甚至静音，但我似乎无法理解在哪里实现这一点。感谢您的帮助。我不是一个 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();
    },

帮助？

【问题讨论】：

视频是在页面加载时自动启动，还是需要用户启动视频？页面的主要内容是视频（即用户来到页面观看视频）还是次要内容？如果视频是次要内容并自动播放声音，则客户要求的用户体验很差。请试着说服他们。
是的，视频在页面加载时开始。如果您不介意，请看一下链接，您会看到究竟发生了什么——这是一个完整的浏览器背景视频。我试图让他们远离声音——我的愿景更像是一件微妙的事情。不过，目前这不是一个选择。 ytplayer 有这个功能，我就是不知道怎么实现。

标签： javascript jquery video ytplayer

【解决方案1】：

我也遇到过这个问题，在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 事件绑定到 a 标签上，从而暂停播放器。

希望对您有所帮助。

【讨论】：