html5如何实现自动播放视频

HTML5是下一代的HTML，提供了展示视频的标准，规定了一种通过video元素来包含视频的标准方法。

Video有以下的属性。

autoplay  autoplay  如果出现该属性，则视频在就绪后马上播放。

controls  controls  如果出现该属性，则向用户显示控件，比如播放按钮。

height    pixels  设置视频播放器的高度。

loop     loop  如果出现该属性，则当媒介文件完成播放后再次开始播放。

preload   preload  如果出现该属性，则视频在页面加载时进行加载，并预备播放。

如果使用"autoplay"，则忽略该属性。

src       url  要播放的视频的URL。

width     pixels  设置视频播放器的宽度。

HTML5中的video和audio标签中有一个autoplay属性,添加这个属性后就会在文件加载完成以后自动播放。具体代码如下: video: audio。

构成

文字与图片是构成一个网页的两个最基本的。

元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。

在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面。

于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。

网页通常有以下元素：

文字资料图像档案Applet（在页面内执行的副程式）超链结网页的合成体为网站，一个网站的开始点为首页。

记录功能

当你每次上网时，都会在历史记录里留下记录，并且被保存在浏览器的缓存文件夹里，删除时只要右键删除就可以了。

以上内容参考：百度百科-网页

1、打开Hbuilder，在项目管理器中放置mp4格式视频点击index.html进入。

2、在这里通过红色方框中的命令来建立一个HTML5的文件。

3、这个时候添加video元素就可以插入视频了，用autoplay设置自动播放，controls设置控制栏。

4、用source可以连接对应的视频资源；

5、完成以后左边的是播放按钮、视频进度控制条等工具。

6、而右边可以调节声音大小和全屏播放，有服务器的话还可以下载。

---