网页中多媒体的播放

注意:一般比较通用的是这个代码:

<embed src="在此替换为你想要播放的音乐文件在网上的地址"  border="0" width="0" height="0" autostart="true" loop="true">

也就是说如果你有了音乐文件的地址(可以将音乐上传到本网站后,然后记下其地址并在上面进行替换),你按照上面的步骤来做就OK了!!本文下面的所有文字你都可以不必看了!!省得让大家看了头晕,呵呵。

下面对实现网页背景音乐的多钟方法进行详解:

网页背景音乐代码:

当您打开网站时即可听到背景音乐:
<bgsound src="/xxxxx.mid" loop="-1">
这种当网页最小化之后,音乐会消失。但是这个支持的格式比较少。这也是最简单的实现背景音乐的方式。
请把xxxxx.mid换成有效的音乐地址。
一下所有类似的http://XXX.com/XXX.mp3一样,不赘述。凡含xxxxx字眼的都是临时示范的网络文件地址,请使用是一定要替换成有效的相应文件。否则无法正常生效。

选择代码前请先看一下部分参数解释:指定播放器的大小(width、heigh:有不同数值,播放器面板大小有些不同)、是否自动(autostart标记:autostart="false" 打开页面时处于候命状态,autostart="true" 打开页面时马上听声音)、是否循环播放(loop标记:true循环播放,false播放一次)。
 
此代码可以加mp3形式的音乐为网页背景音乐:
<EMBED src="http://XXX.com/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>

可以加入FLASH动画音乐的绝对地址(或相对地址):
<embed src="http://XXX.com/XXX.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="0" height="0"></embed>

ram、rm格式的音乐文件专用网页背景音乐代码:
<embed width=0 height=0 autostart="true" loop="true" controls="PlayButton" type="audio/x-pn-realaudio-plugin" src="http://XXX.com/XXX.ram"> </embed>
<embed width=0 height=0 src="/http://xxx.com/xxxx.rm type="audio/x-pn-realaudio-plugin" loop="true" autostart="true" controls="PlayButton">

mid格式的背景音乐:
<embed src="http://XXX.com/XXX.mid" align="center" border="0" width="0" height="0" autostart="true" loop="true">
此代码也可以当作网页中插入FLASH动画的代码用。只要把http://XXX.com/XXX.mid替换为FLASH动画的相对地址或决对地址就OK了。

wmv影象在线播放:
<embed src="http://xxxxx.com/xxxxx.wmv" autostart="true" loop="true" width="400" height="300" >
把这个网址http://xxxxx.com/xxxxx.wmv换成你要看的电影就行了,记得调整width、height数值

mpeg影象在线播放:
<img border="0" dynsrc="http://xxxx.com/xxxx.mpeg" start="fileopen">

rm格式背景音乐,或者在线播放(请调政height、width参数):
<embed height=250 src=http://xxx.com/xxxx.rm type=audio/x-pn-realaudio-plugin width=200 autostart="false" controls="PlayButton">

有图像的rm格式:
<OBJECT classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA' height=288 id=video1  width=305 VIEWASTEXT>
<param name='_ExtentX' value='5503'>
<param name='_ExtentY' value='1588'>
<param name='AUTOSTART' value='-1'>
<param name='SHUFFLE' value='0'>
<param name='PREFETCH' value='0'>
<param name='NOLABELS' value='0'>
<param name='SRC' value='http://xxxxx.com/xxxxx.ram'>
<param name='CONTROLS' value='Imagewindow,StatusBar,ControlPanel'>
<param name='CONSOLE' value='RAPLAYER'>
<param name='LOOP' value='0'>
<param name='NUMLOOP' value='0'>
<param name='CENTER' value='0'>
<param name='MAINTAINASPECT' value='0'>
<param name='BACKGROUNDCOLOR' value='#000000'>
</OBJECT>

无图像的rm格式:如相声,歌曲。。。
<object ID='video2' WIDTH='300' HEIGHT='62' CLASSID='CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA'>
<param name='_ExtentX' value='9657'>
<param name='_ExtentY' value='847'>
<param name='AUTOSTART' value='-1'>
<param name='SHUFFLE' value='0'>
<param name='PREFETCH' value='0'>
<param name='NOLABELS' value='0'>
<param name='SRC' value='http://xxxxx.com/xxxxx.rm'>
<param name='CONTROLS' value='StatusBar,controlpanel'>
<param name='CONSOLE' value='Clip1'>
<param name='LOOP' value='0'>
<param name='NUMLOOP' value='0'>
<param name='CENTER' value='0'>
<param name='MAINTAINASPECT' value='0'>
<param name='BACKGROUNDCOLOR' value='#000000'>
</object>

rm影像在线播放代码(这个参数属性比较多,比较复杂,不具体一一解释):
<object id="vid" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=114 height=100>
<param name="_ExtentX" value="3016">
<param name="_ExtentY" value="2646">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="http://xxxxx.com/xxxxx.ram";>
<param name="CONTROLS" value="Imagewindow">
<param name="CONSOLE" value="clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
</object>
加几个控制器
<object id="vid" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=427 height=300>
<param name="_ExtentX" value="11298">
<param name="_ExtentY" value="7938">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="http://xxxxx.com/xxxxx.ram";>
<param name="CONTROLS" value="Imagewindow">
<param name="CONSOLE" value="clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
</object>
<object id="vid2" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=427 height=30>
<param name="_ExtentX" value="11298">
<param name="_ExtentY" value="794">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="http://xxxxx.com/xxxxx.ram";>
<param name="CONTROLS" value="ControlPanel">
<param name="CONSOLE" value="clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
</object>


有图像的media播放器,自动调用网上的插件。
<object id=nstv classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'  width=280 height=265 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
<param name='URL' value='http://xxxxx.com/xxxxx.wmv'>
<PARAM NAME='UIMode' VALUE='full'><PARAM NAME='AutoStart' VALUE='true'>
<PARAM NAME='Enabled' VALUE='true'>
<PARAM NAME='enableContextMenu' VALUE='false'>
<param name='WindowlessVideo' VALUE='true'></object>

无图像的media播放器。。。同上。
<object id=nstv classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'  width=280 height=60 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
<param name='URL' value='http://xxxxx.com/xxxxx.wma'>
<PARAM NAME='UIMode' VALUE='full'><PARAM NAME='AutoStart' VALUE='true'>
<PARAM NAME='Enabled' VALUE='true'>
<PARAM NAME='enableContextMenu' VALUE='false'>
</object>

原文地址:https://www.cnblogs.com/sutengcn/p/308167.html