У меня есть следующий сценарий для загрузки лайтбокса,
$(document).ready(function(){
$('.TESTER123').nivoLightbox({
effect: 'fade',theme: 'default',
beforeShowLightbox: function(){
$('.TESTER123').hide()
},
afterHideLightbox: function(){
$('.TESTER123').show();
},
beforeHideLightbox: function(){
var e = jQuery.Event("keydown", { keyCode: 1 });
jQuery(".nivo-lightbox-content").trigger( e );
}
});
});
в функции beforeHideLightbox, я хочу сгенерировать событие щелчка левой кнопкой мыши или пробел, чтобы закрыть окно лайтбокса, чтобы видео было приостановлено, в настоящее время он продолжает играть в фоновом режиме. Поэтому я хочу выделить 1 из этих двух событий внутри видеофрагмента, который является.nivo-lightbox-content или в центре экрана, так как видео всегда будет в центре.
заранее спасибо
Проблема связана с лайф-блоком plugin nivo. Когда вы нажимаете вне видеоконтейнера, его не удаляют со страницы, вместо этого он просто исчезает, поэтому почему видео воспроизводится внутри выцветшего div.
Что-то не так с плагином, поскольку его сжатие неспособно показать, какую строку. Вместо этого вы можете использовать плагин, подобный этому http://www.jacklmoore.com/colorbox/example1/
Я столкнулся с этой ситуацией только на IE. в другом браузере он автоматически остановит видео, когда лайтбокс будет закрыт или удален.
Для IE, если это пользовательский флеш-плеер, вы должны создать функцию внутри флеш-плеера, чтобы остановить видео и запустить эту функцию внутри флеш-плеера с помощью js.
Если вы встраиваете проигрыватель youtube, вы не можете использовать код прямого встраивания. вы должны пойти на youtube api, чтобы вы могли управлять игроком с помощью js.