เมธอด play() ของ Video ใน HTML DOM

ไวยากรณ์ (Syntax)

videoObject.play()

ตัวอย่างการใช้งาน

ตัวอย่างต่อไปนี้แสดงการใช้งานเมธอด Video play():

<!DOCTYPE html> <html> <head> <title>HTML DOM Video play()</title> <style>    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;    } </style></head> <body>    <form>         <fieldset>          <legend>HTML-DOM-Video-play( )</legend>          <video id="demo" width="320" controls><source    src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"></video><br>          <input type="button" onclick="setControls(1)" value="Play">          <input type="button" onclick="setControls(2)" value="Pause">          <div id="divDisplay"></div>         </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var demo = document.getElementById("demo");    function setControls(val) {       if(val === 1){          demo.play();          divDisplay.textContent = 'Video is playing';       }       else{          demo.pause();          divDisplay.textContent = 'Video is paused';       }      } </script> </body> </html>

ผลลัพธ์

คลิกปุ่ม 'Play':

คลิกปุ่ม 'Pause':