통합검색

HTML/CSS

html5 video tag 정지, 재생, 처음부터 재생 시키기

[사이트] 글 퍼왔습니다.




[!]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>