[jQuery]동영상 태그 제어-.load(), .play(), pause()

 

비디오 태그 제어하는 문법

해당 동영상 참조 :

$("video").get();

동영상 불러오기 : .load();

재생하기 : .play();

일시 정지하기 : .pause();

---

[html]

<div class="box">
       <video>
            <source src="video/nike.mp4" type="video/mp4">
       </video>
</div>
<ul class="btnSet">
        <li class="load">load</li>
        <li class="play">play</li>
        <li class="pause">pause</li>
</ul> 

[js]

$(document).ready(function(){
   var sample = $("video").get(0);

   $(".load").on("click",function(){
    sample.load;
   });
   $(".play").on("click",function(){
    sample.play;
   });
   $(".pause").on("click",function(){
    sample.pause;
   });
 });

---