你如何通过JavaScript播放视频？

Question

我正在开发基于JavaScript的IDE。我需要弄清楚如何只使用JavaScript播放视频。我已经在线查看，几乎没有找到。

这是我现在的代码：

var vid = document.createElement('video');
vid.src = src;
vid.autoPlay = true;
document.body.appendChild(vid);

Answer 1

vid.play(); To play a video.

指向教程的链接：W3 schools

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

function playVid() { 
    vid.play(); 
} 

function pauseVid() { 
    vid.pause(); 
}

DEMO

编辑：以下是添加控件的方法

<强> HTML：

<button id="playPause">Pause</button>

<强> JS：

var pp = document.getElementById('playPause');
pp.onclick = function(){
    if(vid.paused){
        vid.play();
        pp.innerHTML = "Pause";
    }else{
        vid.pause();
        pp.innerHTML = "Play";
    }
};

DEMO2

添加默认控件

vid.controls = true;