Create a Video Element - Javascript DOM HTML Element

Javascript examples for DOM HTML Element:Video

  1. HOME
  2. Javascript
  3. DOM HTML Element
  4. Video

Introduction

You can create a <video> element by using the document.createElement() method:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<button onclick="myFunction()">create a VIDEO element</button>

<script>
function myFunction() {//from   ww  w.  ja  v  a  2s . c  o m
    var x = document.createElement("VIDEO");

    if (x.canPlayType("video/mp4")) {
        x.setAttribute("src","movie.mp4");
    } else {
        x.setAttribute("src","movie.ogg");
    }

    x.setAttribute("width", "320");
    x.setAttribute("height", "240");
    x.setAttribute("controls", "controls");
    document.body.appendChild(x);
}
</script>

</body>
</html>

Related Tutorials