비디오 스크립트

<div class="wrap">
  <video src="smerf_0..mp4"></video>
  <button class="play">play</button>
  <button class="pause">pause</button>
  <button class="stop">stop</button>
  <button class="rate1">1배속</button>
  <button class="rate2">2배속</button>
  <button class="rew">&lt&lt</button>
  <button class="few">&gt&gt</button>
  <button class="ratio">기본화면</button>
  <button class="ratio2">화면확대</button>
  <button class="ratio1">화면축소</button>
</div>

<script>
    $(function(){
        var v = $('video').get(0)
        $('.play').click(function(){
            v.play()
        });
        $('.pause').click(function(){
            v.pause()
        });
        $('.stop').click(function(){
            v.stop()
            v.currentTime = 0
        });
        $('.rate1').click(function(){
            v.playbackRate = 1
        });
        $('.rate2').click(function(){
            v.playbackRate = 5
        });
        $('.rew').click(function(){
            v.currentTime -= 10
        });
        $('.few').click(function(){
            v.currentTime += 10
        });
        $('.ratio').click(function(){
            v.width = 500
        });
        $('.ratio2').click(function(){
            v.width = 1000
        });
        $('.ratio1').click(function(){
            v.width = 250
        });
    })
</script>