网站中怎么加入html5播放器_IT百科

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>

</head>

<body>

<videocontrols="controls">

<sourcesrc="song.ogg"type="audio/ogg">

<sourcesrc="song.mp3"type="audio/mpeg">

Yourbrowserdoesnotsupporttheaudiotag.

</video>

</body>

</html>

直接插入一个行为就可以了:一、学会添加音乐文件为网页添加背景音乐的方法一般有两种，第一种是通过普通的〈bgsound〉标签来添加，另一种是通过〈embed〉标签来添加

(一)使用〈bgsound〉标签用Dreamweaver打开需要添加背景音乐的页面，点击“代码”打开代码编辑视图，在〈body〉〈/body〉之间输入“〈”在d出的代码提示框中选择bgsound

Dreamweaver自动输入“〈bgsound”代码后按空格键，代码提示框会自动将bgsound标签的属性列出来供你选择使用

bgsound标签共有五个属性，其中balance是设置音乐的左右均衡，delay是进行播放延时的设置，loop是循环次数的控制，src则是我们音乐文件的路径，volume是音量设置

一般在添加背景音乐时，我们并不需要对音乐进行左右均衡以及延时等设置，所以仅需要几个主要的参数就可以了

最后的代码如下：〈bgsoundsrc="musicmid"loop="-1"〉其中，loop="-1"表示音乐无限循环播放，如果你要设置播放次数，则改为相应的数字即可

这种添加背景音乐的方法是最基本的方法，也是最为常用的一种方法，对于背景音乐的格式支持现在大多的主流音乐格式，如WAV、MID、MP3等

如果要顾及到网速较低的浏览者，则可以使用MID音效作为网页的背景音乐，因为MID音乐文件小，这样在网页打开的过程中能很快加载并播放，但是MID也有不足的地方，它只能存放音乐的旋律，没有好听的和声以及唱词

如果你的网速较快，或是觉得MID音乐有些单调，也可以添加MP3的音乐

只要将上述代码中的happymid改为happymp3即可

提示：在FrontPage中加入背景音乐要比Dreamweaver相对方便一些，只要在“背景”对话框中进行相关设置即可

(二)使用〈embed〉标签使用〈embed〉标签来添加音乐的方法并不是很常见，但是它的功能非常强大，如果结合一些播放控件就可以打造出一个Web播放器

它的使用方法与第一种基本一样，只是第一步的代码提示框里不要选择gbsound，改而选择embed即可

然后再选择它的属性进行相应的设置(图3)，从图中可看出embed的属性比gbsound的五个属性多许多

最后的代码如下：〈embedsrc="musicmp3"autostart="true"loop="true"hidden="true"〉〈/embed〉

欢迎分享，转载请注明来源：内存溢出

网站中怎么加入html5播放器