play(), pause() 메서드 - jquery 문법으로 처리하기
<script src="http://code.jquery.com/jquery-latest.js"></script> <button id="playHz" type="button">Play Video</button> <button id="pauseHz" type="button">Pause Video</button><br> <video id="hz" width="320" height="176"> <source src="https://vt.tumblr.com/tumblr_o600t8hzf51qcbnq0_480.mp4" type="video/mp4"> HTML5 video 지원 않는 브라우저는 개나 줘보려. </video> <script> $(document).ready(function(){ var hz = $("#hz"); $('#playHz').click(function() { hz.get(0).play(); }) $('#pauseHz').click(function() { hz.get(0).pause(); }) }); </script> 결과보기
<script src="http://code.jquery.com/jquery-latest.js"></script>
<button id="playHz" type="button">Play Video</button>
<button id="pauseHz" type="button">Pause Video</button><br>
<video id="hz" width="320" height="176">
<source src="https://vt.tumblr.com/tumblr_o600t8hzf51qcbnq0_480.mp4" type="video/mp4">
HTML5 video 지원 않는 브라우저는 개나 줘보려.
</video>
<script>
$(document).ready(function(){
var hz = $("#hz");
$('#playHz').click(function() {
hz.get(0).play();
})
$('#pauseHz').click(function() {
hz.get(0).pause();
});
</script>
결과보기
주의:
jqeury 경우, get() 메서드 이용해 지정 선택자를 가져와야 함.
https://codepen.io/sinbi/pen/rNeOZVZ