<video src="movieogg" controls="controls" src="再这里输入你的视频地址">您的浏览器不支持 video 标签。</video>
<audio src="再这里输入你的音频地址">您的浏览器不支持 audio 标签。</audio>目前，html5<audio>标签只能同时播放一个音频文件，如何要添加多个MP3音频文件，然后按顺序一个接着一个连续播放，需要用JS代码来实现。这是实现的教程>现在手机浏览器都支持html5，所以插入音频/视频的话，可以用html5标签，音频用audio标签，视频用video标签。
示例代码如下：
音频
<audio src="songogg" controls="controls"></audio>
视频
<video width="320" height="240" controls="controls">
<source src="movieogg" type="video/ogg">
<source src="moviemp4" type="video/mp4">
Your browser does not support the video tag
</video>
摘自：>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"
表示循环播放
。第一种：在页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1"> 这段代码。
在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。
这种背景音乐是打开叶子后直接播放的，在网页上不会有显示。这是最简单的一种。
第二种：这种方法则略微复杂一些，但可设置的参数也较多。仍是在网页代码中的<style></style>标签之间加入一个“Embed”标签，其最简形式就像这样：
<EMBED src="音乐url" autostart="true" loop="true" width="80" height="20">
不同的是，在这里我们可以设置更多内容，以下是具体的说明：
src 背景音乐的地址（即url）。
autostart 是否自动播放，“true”为音乐文件读取完后立即播放，“false”则不立即播放，默认值为“false”
loop 循环次数，设置为“true”为永远循环，“false”为仅播放一次，若设为任意一正整数，则循环所输入的次数。
volume 设置音量，取值范围是“0-100”，默认值为系统当前音量。
starttime 设置音乐开始播放的时间，格式是“分：秒”，
如：starttime＝"00:10"，就是从第10秒开始播放。
endtime 设置音乐结束播放的时间，具体格式同上。
width 设置音乐播放控制面板的宽度。
height 设置音乐播放控制面板的高度。
controls 设置音乐播放控制面板的外观，
“console”为通常面板；
“smallconsole”为小型面板。
“playbutton”为是否显示播放按钮；
“pausebutton”为是否显示暂停按钮；
“stopbutton”为是否显示停止按钮；
“volumelever”为是否显示音量调节按钮，一：音乐的格式：
格式一：<embed src=媒体音乐地址 autostart=是否自动播放 loop=是否循环播放 widht=播放界面的宽度 height=播放界面的高度 type=插件类型>
例：<P align=center><embed src= >
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）