@Anonimmus

Как найти id и остановить вопроспроизведение ролика?

Здравствуйте, подскажите как остановить воспроизведение видео по сайту.
примером брал это https://html5css.ru/html/html5_video.php
$('.lightbox').click(function (event) {
	var thisvideo = $(this).next('div').attr('id');

	alert(thisvideo);
});

$('.lightbox-close').click(function (event) {
	var myvideo = thisvideo.attr('id');
	
	alert(myvideo);
	if (myvideo.paused)
		myvideo.play();
	else
		myvideo.pause();
});


<!-- карточка -->
				<div class="card">

					<!-- изображение карты -->
					<div class="card-img">
						<a class="lightbox" href="#data-1">
							<img src="source/img/FNAF4_cover.jpg" />
						</a>
						<div class="lightbox-target" id="data-1">
							<video id="data-1" controls>
								<source src="source/video/FNAF 4.mp4" type="video/mp4">
								Your browser does not support HTML5 video.
							</video>
							<a class="lightbox-close" href="#"></a>
						</div>

					</div>
					<!-- конец изображения карты -->

					<!-- Заголовок карты -->
					<div class="card-title">
						<span class="card-title__title">Заголовок фото видео</span>
					</div>
					<!-- конец Заголовок карты -->

					<!-- ссылка -->
					<!-- <div class="card-button">
						<a class="card-button__link" href="#0"></a>
					</div> -->
					<!-- конец ссылка -->
				</div>
				<!-- конец карточки -->
  • Вопрос задан
  • 31 просмотр
Решения вопроса 1
@Anonimmus Автор вопроса
решено, может кому пригодится

<div class="card">

					<!-- изображение карты -->
					<div class="card-img">
						<a class="lightbox" href="#data-1">
							<img src="source/img/FNAF4_cover.jpg" />
						</a>
						<div class="lightbox-target" id="data-1">
							<video id="video1" controls>
								<source src="source/video/FNAF 4.mp4" type="video/mp4">
								Your browser does not support HTML5 video.
							</video>
							<a class="lightbox-close" href="#"></a>
						</div>

					</div>
					<!-- конец изображения карты -->

					<!-- Заголовок карты -->
					<div class="card-title">
						<span class="card-title__title">Заголовок фото видео</span>
					</div>
					<!-- конец Заголовок карты -->

					<!-- ссылка -->
					<!-- <div class="card-button">
						<a class="card-button__link" href="#0"></a>
					</div> -->
					<!-- конец ссылка -->
				</div>

$('.lightbox').click(function (event) {
	var thisvideo = $(this).next('div').attr('id');
});

$('.lightbox-close').click(function () {

	var myVideoNow = $(this).prev('video').attr('id');
	// alert(myVideoNow);
	var myVideo = document.getElementById(myVideoNow);

	if (myVideo != null) {
		myVideo.pause();
	}
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы