html中如何播放视频

html-css017

html中如何播放视频,第1张

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命名的一种超文本标记语言。