WWWorkin/Webkit2014.08.22 16:49

<div style="text-align:center"> 

  <button onclick="playPause()">Play/Pause</button> 

  <button onclick="makeBig()">Big</button>

  <button onclick="makeSmall()">Small</button>

  <button onclick="makeNormal()">Normal</button>

  <br> 

  <video id="video1" width="420">

    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">

    Your browser does not support HTML5 video.

  </video>

</div> 


<script> 

var myVideo = document.getElementById("video1"); 


function playPause() { 

    if (myVideo.paused) 

        myVideo.play(); 

    else 

        myVideo.pause(); 


function makeBig() { 

    myVideo.width = 560; 


function makeSmall() { 

    myVideo.width = 320; 


function makeNormal() { 

    myVideo.width = 420; 

</script> 


<p>Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>

'WWWorkin > Webkit' 카테고리의 다른 글

video test  (0) 2014.08.22
Links 4 tests  (0) 2014.03.20
Webkit - Chromium port - building  (1) 2012.03.26
Webkit-efl : Build Errors & Script excution Errors  (5) 2012.02.20
[TS] - Error from Gstreamer in Webkit Build  (1) 2012.02.20
webkit efl - Build  (4) 2012.02.16
Posted by Joe.C

댓글을 달아 주세요