Пытался найти решение для этого, но не нашел ничего, что работало. Я пытался

$('video').trigger('pause');

И в html нет кнопки закрытия, к которой можно было бы прикрепить какой-либо скрипт. Однако я не знаю jquery или javascript, поэтому надеюсь, что кто-то может помочь.

Использование Replete Modal, которое кажется довольно популярным, но у меня проблема с тем, что звуковая дорожка видео продолжает воспроизводиться, если модальное окно закрыто перед просмотром полностью. Кажется, проблема возникает только при просмотре в настольных браузерах.

Надеялся найти решение, которое также останавливает звук.

Ниже приведен HTML-код, который я вставил:

<div style="margin:50 auto; width:700px;">
		<a class="vimeo" >vimeo</a>
		<script>
			$(window).load( function(){
				rplm({
					title: "ETSA Teacher Training",
					text: '<video width="100%" height="338" controls autoplay><source src="Endeavour Teaching.mp4" type="video/mp4"><!--source src="movie.ogg" type="video/ogg"-->Your browser does not support the video tag.</video>',
					html: true,
					showConfirmButton: true,
					delay: 2,
					animation: 'fadeIn',
					allowOutsideClick: true,
					overlay: "black",
					videoHeight: "338",
					videoWidth: "100%",
		preventDialog: true,
		cookieName: "blockModal",
		preventText: "Block This Pop-up.",
		preventDays: 30,
		modalNOverlay: 'black',
				});
			});
		</script>
	</div>
Http://www.endeavourtsa.org/index-test3.html Http://www.endeavourtsa.org/modal.zip

Любая помощь приветствуется!

0
Hanniel 23 Сен 2018 в 08:01

1 ответ

Лучший ответ

Взглянув на источник, вам нужно будет добавить идентификатор видео к видео во всплывающем окне, чтобы вы могли ссылаться на него позже (id="evideo")

rplm({
    title: "ETSA Teacher Training",
    text: '<video id="evideo" width="100%" height="338" controls autoplay><source src="Endeavour Teaching.mp4" type="video/mp4"><!--source src="movie.ogg" type="video/ogg"-->Your browser does not support the video tag.</video>',

А затем добавьте обработчик onclick к кнопке, закрывающей всплывающее окно (если только rplm не имеет модели событий, которая позволяет вам более легко прикрепить код к событию close для всплывающего окна):

        modalNOverlay: 'black',
        });
        document.getElementsByClassName("confirm")[0].addEventListener("click",function(){alert('boo')})
    });
</script>

(может потребоваться некоторая настройка и дополнительные события, так как модальное окно также можно закрыть, щелкнув за пределами поля, но для этого необходимо просмотреть документацию rplm, чтобы узнать, есть ли более элегантное решение)

0
Offbeatmammal 23 Сен 2018 в 11:02