Сайт воспроизводит полноэкранное видео со звуком. Сайт был разработан для воспроизведения видео без звука. При щелчке по ссылке другие части сайта появляются поверх видео.
К сожалению, клиент настаивал на том, чтобы звучать, поэтому, когда что-то щелкает, вы все равно слышите музыку до тех пор, пока видео не закончится. Я знаю, что можно остановить видео или даже отключить его при нажатии ссылки, но я не могу понять, где именно это реализовать. Ваша помощь приветствуется. Я не человек 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();
},
Помогите?
У меня тоже была эта проблема, и я нашел ее в функции 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 к тегу и, следовательно, приостанавливает проигрыватель.
Надеюсь, это поможет.