본문 바로가기

World Wide Web/javascript

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

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)을 붙여주었더니 정확히 작동을 한다.


'World Wide Web > javascript' 카테고리의 다른 글

브라우져 체크  (0) 2017.03.24
디바이스 세로/가로 모드 체크  (0) 2017.02.02
youtube iframe API  (0) 2015.07.03
팝업 풀사이즈로 띄우기  (0) 2015.05.14
이전 페이지의 주소 받기  (0) 2014.11.19