HTML5知识学习之video元素作为DOM中的video对象的访问和创建形式介绍

最新推荐文章于 2022-07-31 23:37:50 发布

kphp框架

最新推荐文章于 2022-07-31 23:37:50 发布

阅读量2.7k

点赞数

分类专栏： html5知识文章标签： html5 dom 对象视频 javascript

本文链接：https://blog.csdn.net/kphper/article/details/50034691

版权

本文探讨了HTML5中video元素作为DOM对象的使用，包括如何访问Video对象及其方法、属性和事件。在kphp框架网站中，我们将阐述通过JavaScript创建和控制Video对象的详细过程。

摘要由CSDN通过智能技术生成

HTML5中的video元素作为DOM中的video对象进行操作控制同样拥有方法、属性和事件，让我们在kphp框架网站中来讲解一下如何访问Video 对象和如何通过JavaScript代码来创建Video对象。

下面详细介绍一下访问 Video 对象的形式和如何创建 Video 对象：

1.访问 Video 对象的形式
先给video定义一个id，然后通过使用 getElementById() 来访问 video元素，
详细例子：
<video id="myvideo" controls poster="http://www.kphp.org/images/kphp.gif">
<source src="http://www.kphp.org/html5/kphp.ogv" type="video/ogg">
<source src="http://www.kphp.org/html5/kphp.mp4" type="video/mp4">
你的浏览器不支持video标签
</video>
<p>点击下面测试按钮讲会返回true或false，表示是否自动播放</p>
<button οnclick="myVideo()">测试</button>
<div id="message"></div>
JavaScript中代码：
function myVideo()
{
var Vobject = document.getElementById("myvideo");