html中如何播放视频

html-css013

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  设置视频播放器的宽度。

在网页中嵌入优酷视频的

优点是:(1)不用担心占用服务器资源(2)使用方便。

缺点是:(1)广告太多。(2)看上去不太专业,大型企业一般都有自己的视频服务器。

好了,下面说具体的使用方法。

首先在优酷首页,点击右侧的“上传视频”。

将自己的视频上传到优酷上。

待优酷审核通过后,就可以在优酷首页搜索框查找上传的视频,此处以“小苹果”为例。

找到自己的视频后点击打开。

打开视频后向下拖,点击“分享给好友”后的下拉框,找到html代码,点击“复制”按钮,将该视频的html代码复制下来。

将该html代码粘贴到html页面的body中。

最后打开html页面查看效果。如下图。

在网页中播放视频就这么简单地完成了。