World Wide Web/javascript

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

인천매력쟁이 2017. 3. 14. 11:49
1
2
3
4
5
<video id="video1" preload="auto" poster="video/big-buck-bunny.jpg" autoplay="autoplay" style="width: 100%;" loop="loop">
    <source src="./movie/new_movie1.mp4" type="video/mp4">
    <source src="video/big-buck-bunny.webm" type="video/webm">
    <source src="video/big-buck-bunny.ogv" type="video/ogg">
</video>
cs


video 태그를 이용하여 stop, play하는 방법을 배워보자.

평소에는 쓰임새가 없어서 써보지 않았던 video태그를 제안에 쓸일이 구글링을 통하여 재생, 정지, 리플레이를 찾아보았지만 작동이 되질 않는다.

1
2
3
$("#video1").stop();
$("#video1").play();
$("#video1").currentTime();
cs

구글링을 통해서 찾은 video 태그의 콘트롤 방법이였다.

해결책은 어떤 책에서 발견했는데 무슨 책인지 기억이 나질 않는다. 어찌되었든 코드는

1
2
3
$("#video1").get(0).stop();
$("#video1").get(0).play();
$("#video1").get(0).currentTime();
cs


get(0)을 붙여주었더니 정확히 작동을 한다.