HTML/CSS
html5 video tag 정지, 재생, 처음부터 재생 시키기
- 2023.02.02 14:00:52
[사이트] 글 퍼왔습니다.
[!]jquery[/!] // slide 이동시 video 컨트롤
$ele.roll.on('afterChange', function(event, slick, currentSlide, nextSlide){ // video 요소를 만듬 var $video = $('#visual_video')[0]; // 동영상이 있는 슬라이드에 도달하면 동영상 첨부터 재생 (2번 슬라이드) if (currentSlide == 2) { $video.play(); // slick auto play 일시 중지함 // code ... } else { $video.pause(); $video.currentTime = 0; // slick auto play 재작동함 // code ... } }); [!]html[/!] <video oncontextmenu="return false;" autoplay muted loop playsinline>
<source src="<?=DIR?>/files/momt_video.mp4" type="video/mp4"> </video> |