1、打开Hbuilder,在项目管理器中放置mp4格式视频点击index.html进入。
2、在这里通过红色方框中的命令来建立一个HTML5的文件。
3、这个时候添加video元素就可以插入视频了,用autoplay设置自动播放,controls设置控制栏。
4、用source可以连接对应的视频资源;
5、完成以后左边的是播放按钮、视频进度控制条等工具。
6、而右边可以调节声音大小和全屏播放,有服务器的话还可以下载。
HTML5是下一代的HTML,提供了展示视频的标准,规定了一种通过video元素来包含视频的标准方法。
Video有以下的属性。
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。
如果使用"autoplay",则忽略该属性。
src url 要播放的视频的URL。
width pixels 设置视频播放器的宽度。
用于播放html5视频文件的正确html5元素是video。HTML5规定了一种通过video元素来包含视频的标准方法。当前video元素支持三种视频格式,Ogg=带有Theora视频编码和Vorbis音频编码的Ogg。
html5最先由WHATWG命名的一种超文本标记语言。