网站中怎么加入html5播放器

网站中怎么加入html5播放器,第1张

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"

表示循环播放


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11966633.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存