[ETC] JQ - play(), pause() 메서드 - jquery 문법으로 처리하기

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>

 

결과보기

주의: 

jqeury 경우, get() 메서드 이용해 지정 선택자를 가져와야 함.

https://codepen.io/sinbi/pen/rNeOZVZ