使用HTML5 / JQuery播放视频

Question

我的HTML5视频代码：

<video id="myVideo">
<source src="Some source" type="some type" \>
</video>

我的播放按钮点击功能：

$("#myVideo").play();

代码对我不起作用。我用视频的默认浏览器控件检查了代码 - 它运行正常。唯一的问题是当我尝试制作自定义控制播放按钮时。

Answer 1

请尝试使用$('#myVideo').get(0).play();。

并不是说您甚至需要使用jQuery来执行此操作：

document.getElementById('myVideo').play();

Answer 2

您可以通过自动播放或使用.click（）方法单击按钮后使用HTML。如上述用户所述，您可以使用#myVideo，它还可以让您在CSS中设置视频的格式和位置。如下所示：

#myVideo {
margin-left: auto;
margin-right: auto;
top : auto;
display: block;
width: 50%;
}