如何仅通过 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.

Link 到教程：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;