在html5中使用视频,只要添加元素<video></video>元素表示。
<video>有几个属性:
- src 指定音频文件的路径
- poster 视频播放之前显示的图片
- width 指定播放器宽度
- height 指定播放器高度
- controls 是否显示播放器控件
- autoplay 是否自动播放
- preload 启用预加载,有3个值。none不加载,auto页面加载时加载视频,metadata表示游览器只需收集少量视频信息。
- loop 循环播放
- 子元素<source> 可以指定多个音频源,同样使用src指定音频文件路径
示例
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>视频</
title
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
</
head
>
<
body
>
<
video
src
=
"video/puppy.mp4"
poster
=
"images/puppy.jpg"
width
=
"400"
height
=
"300"
preload
controls
loop>
</
video
>
</
body
>
</
html
>
|