html5为你的网页添加视频播放器
在html5中通过video标签为网页添加视频播放功能。
video元素支持三种视频格式:ogg,mpeg4,webm
Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件
MPEG4=带有H.264视频编码和AAC音频编码的MPEG4文件
WebM=带有VP8视频编码和Vorbis音频编码的WebM文件
以下是video标签的相关属性。
autoplayautoplay如果出现该属性,则视频在就绪后马上播放。
controlscontrols如果出现该属性,则向用户显示控件,比如播放祥余者按钮。
heightpixels设置视频播放器的高度。
looploop如果出现该属性,则当媒介文件完成播放后再次开始播放。
preloadpreload如果出现该属性,谨薯则视频在页面加载时进行加载,并预备播毁棚放。如果使用"autoplay",则忽略该属性。
srcurl要播放的视频的URL。
widthpixels设置视频播放器的宽度。下面是一个小实例:
<!DOVTYPEhtml>
<html>
<head>
<title>我爱学习</title>
</head>
<body>
<videocontrols="controls">
<sourcesrc="song.ogg"type="audio/ogg">
<sourcesrc="song.mp3"type="audio/mpeg">
Yourbrowserdoesnotsupporttheaudiotag.
</video>
</body>
</html>
HTML代码中插入音乐播放器,大致有四种风格,代码如下:白色普通播放器代码:
<EMBED height=45 type=audio/mpeg width=300 src=音乐地址 volume="0" loop="-1"></EMBED>
黑色播放器代码:
<EMBED style="FILTER: Xray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>
灰色播放器代码:
<EMBED style="FILTER: Gray" src=音乐信兆地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"><祥坦谈/EMBED>
棕色播放器代码:
<EMBED style="FILTER: Invert" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>注:代码中SRC对应音乐地址、width和height控制播放器的大小、volume="0"
表示设定的音量大谨碰小,数值大小在0--100之间
、
loop="-1"
表示循环播放
。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)