网页中嵌入多媒体播放器

你在浏览这个页面时，听到音乐了吗？在页面中加入背景音乐，其实很简单，有两种方法：最简单的方法是，在页面代码中的<head>与</head>标签之间加入如下代码：<bgsound
src=" /home/xxx " loop="-1"> 其中：“xxx”处添入你要加入的背景音乐的地址，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。另外一种方法则略微复杂一些，但可设置的参数也较多。这次我们在页面代码中的<body>与</body>标签之间加入一个“Embed”标签，其最简形式就像这样： <EMBED src=" /home/xxx " autostart="true" loop="true" width="80" height="20"> 不同的是，在这里我们可以设置更多内容，以下是具体的说明：

src	背景音乐的路径。
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”为是否显示音量调节按钮，例如： controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever"。
hidden	设置音乐播放控制面板的显示与否，“false”为显示，“true”为隐藏。

〈div align="center"〉〈embed src="音乐地址" width="180" height="50" hidden="true" type="audio/mpeg/wma" autostart="true" loop="true" /〉〈/div〉

提示： autostart="true" 自动播放选项：true 不自动播放选项：false loop="true" 循环播放选项：true 不循环播放选项：false hidden="true" 隐藏播放器选项：true 显示播放器选项：false

以下是一些常用播放器

简易型：

View Code

<embed src="mms://wm.rbcmp3.com/34410/34410-01.asf" style="height: 45px;  190px"
        type="audio/mpeg" autostart="1" loop="0"> </embed>

标签型：

View Code

<embed width="240" height="140" transparentatstart="true" animationatstart="false"
        autostart="true" autosize="false" volume="100" displaysize="0" showdisplay="true"
        showstatusbar="true" showcontrols="true" showaudiocontrols="true" showtracker="true"
        showpositioncontrols="true" balance="true" src="http://www.yoyb.com/list/1.asf"> </embed>

多功能型：
不仅可以放曲子，还能放Flash和其它视频文件。

View Code

 <object align="middle" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" class="OBJECT"
        id="Object1" width="196" height="196">
        <param name="ShowStatusBar" value="0">
        <param name="Filename" value="http://www.yoyb.com/list/1.wmv">
        <embed type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"> </embed>
    </object>

老式播放器，6.4版本！新式播放器是在MediaPlayer9.0以后出现的，也就是说只有装了9.0或9.0以上的播放器才能正常使用的：

View Code

<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="Object2" width="286"
        height="225">
        <param name="AudioStream" value="-1">
        <param name="AutoSize" value="-1">
        <!--是否自动调整播放大小-->
        <param name="AutoStart" value="-1">
        <!--是否自动播放-->
        <param name="AnimationAtStart" value="-1">
        <param name="AllowScan" value="-1">
        <param name="AllowChangeDisplaySize" value="-1">
        <param name="AutoRewind" value="0">
        <param name="Balance" value="0">
        <!--左右声道平衡,最左-9640,最右9640-->
        <param name="BaseURL" value>
        <param name="BufferingTime" value="15">
        <!--缓冲时间-->
        <param name="CaptioningID" value>
        <param name="ClickToPlay" value="-1">
        <param name="CursorType" value="0">
        <param name="CurrentPosition" value="0">
        <!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
        <param name="CurrentMarker" value="0">
        <param name="DefaultFrame" value>
        <param name="DisplayBackColor" value="0">
        <param name="DisplayForeColor" value="16777215">
        <param name="DisplayMode" value="0">
        <param name="DisplaySize" value="0">
        <!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理-->
        <param name="Enabled" value="-1">
        <param name="EnableContextMenu" value="-1">
        <!-是否用右键弹出菜单控制-->
        <param name="EnablePositionControls" value="-1">
        <param name="EnableFullScreenControls" value="-1">
        <param name="EnableTracker" value="-1">
        <!--是否允许拉动播放进度条到任意地方播放-->
        <param name="Filename" value="/blog/01.wma" valuetype="ref">
        <!--播放的文件地址-->
        <param name="InvokeURLs" value="-1">
        <param name="Language" value="-1">
        <param name="Mute" value="0">
        <!--是否静音-->
        <param name="PlayCount" value="10">
        <!--重复播放次数,0为始终重复-->
        <param name="PreviewMode" value="-1">
        <param name="Rate" value="1">
        <!--播放速率控制,1为正常,允许小数-->
        <param name="SAMIStyle" value>
        <!--SAMI样式-->
        <param name="SAMILang" value>
        <!--SAMI语言-->
        <param name="SAMIFilename" value>
        <!--字幕ID-->
        <param name="SelectionStart" value="-1">
        <param name="SelectionEnd" value="-1">
        <param name="SendOpenStateChangeEvents" value="-1">
        <param name="SendWarningEvents" value="-1">
        <param name="SendErrorEvents" value="-1">
        <param name="SendKeyboardEvents" value="0">
        <param name="SendMouseClickEvents" value="0">
        <param name="SendMouseMoveEvents" value="0">
        <param name="SendPlayStateChangeEvents" value="-1">
        <param name="ShowCaptioning" value="0">
        <!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示-->
        <param name="ShowControls" value="-1">
        <!--是否显示控制,比如播放,停止,暂停-->
        <param name="ShowAudioControls" value="-1">
        <!--是否显示音量控制-->
        <param name="ShowDisplay" value="0">
        <!--显示节目信息,比如版权等-->
        <param name="ShowGotoBar" value="0">
        <!--是否启用上下文菜单-->
        <param name="ShowPositionControls" value="-1">
        <!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制-->
        <param name="ShowStatusBar" value="-1">
        <!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
        <param name="ShowTracker" value="-1">
        <!--是否显示当前播放跟踪条,即当前的播放进度条-->
        <param name="TransparentAtStart" value="-1">
        <param name="VideoBorderWidth" value="0">
        <!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
        <param name="VideoBorderColor" value="0">
        <!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
        <param name="VideoBorder3D" value="0">
        <param name="Volume" value="0">
        <!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640-->
        <param name="WindowlessVideo" value="0">
        <!--如果是0可以允许全屏,否则只能在窗口中查看-->
    </object>

下面是新式播放器代码，相对以前的来说要简单很多

View Code

 <object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
        <param name="AutoStart" value="-1">
        <!--是否自动播放-->
        <param name="Balance" value="0">
        <!--调整左右声道平衡,同上面旧播放器代码-->
        <param name="enabled" value="-1">
        <!--播放器是否可人为控制-->
        <param name="EnableContextMenu" value="-1">
        <!--是否启用上下文菜单-->
        <param name="url" value="/blog/1.wma">
        <!--播放的文件地址-->
        <param name="PlayCount" value="1">
        <!--播放次数控制,为整数-->
        <param name="rate" value="1">
        <!--播放速率控制,1为正常,允许小数,1.0-2.0-->
        <param name="currentPosition" value="0">
        <!--控件设置:当前位置-->
        <param name="currentMarker" value="0">
        <!--控件设置:当前标记-->
        <param name="defaultFrame" value="">
        <!--显示默认框架-->
        <param name="invokeURLs" value="0">
        <!--脚本命令设置:是否调用URL-->
        <param name="baseURL" value="">
        <!--脚本命令设置:被调用的URL-->
        <param name="stretchToFit" value="0">
        <!--是否按比例伸展-->
        <param name="volume" value="50">
        <!--默认声音大小0%-100%,50则为50%-->
        <param name="mute" value="0">
        <!--是否静音-->
        <param name="uiMode" value="mini">
        <!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
        <param name="windowlessVideo" value="0">
        <!--如果是0可以允许全屏,否则只能在窗口中查看-->
        <param name="fullScreen" value="0">
        <!--开始播放是否自动全屏-->
        <param name="enableErrorDialogs" value="-1">
        <!--是否启用错误提示报告-->
        <param name="SAMIStyle" value>
        <!--SAMI样式-->
        <param name="SAMILang" value>
        <!--SAMI语言-->
        <param name="SAMIFilename" value>
        <!--字幕ID-->
    </object>

Real Player 网页播放器参数含义
参数：autostart 属性：True或是False 作用：指定是否自动播放指定的源文件参数：backgroundcolor
属性：任何用符号“#”开头的16进制数值或是任何预定义的颜色作用：指定图像窗口的背景颜色参数：center 属性：True或是False 作用：指定片断使用初始编码大小播放，并且在图像窗口的中央。
参数：classid 属性："clsid：CFCDAA03-8BE4-1lcf-B84B0020AFBBCCFA:** 作用：用于指定ActiveX控件的唯一的字符串标示，可以认出嵌入的RealPalyer播放器。
参数：console 属性：任何字符串作用：可以将各种不同的RealPlayer控制聚集在网页上，这样它们可以交互使用或是保持独立，而且互相不影响参数：controls
属性：ImageWindow，All，ControlPanel，PlavButton，PlayOnlyButton， PauseButton,StopButton，FFCtrl，RWCtrl，MuteCtrl，MuteVolume，VolumeSlider，PositionSlider,TACCtrl，HomeCtrl，InfoVolumePanel，InfoPanel，StatusBar，StatusField，PositionField
作用：可以让你指定那些控制是可见的。参数：height 属性：任何整数值作用：指定RealPlayer元素的高度，单位:像素参数：id 属性：任何字符串作用：为标签中的RealPlayer元素指定名字。
参数：imagestatus 属性：True或是False 作用：指定是否在图像窗口中显示状态信息，默认值是true 参数：loop 属性：True或是False
作用：可以让你指定片断是否无限循环参数：maintainaspect 属性：True或是False 作用：默认RealPlayer拉伸所有的片断来充满整个图像窗口。
参数：name 属性：任何字符串作用：为标签中的RealPlayer元素指定名字(在标签中使用id) 参数：nojava 属性：True或是False 作用：避免启动Java虚拟机
参数：nolabels 属性：True或是False 作用：可以禁止显示标题或是版权信息(realplayer5.0以上时，它是垃圾...) 参数：nologo
属性：True或是False 作用：避免RealPlayer启动时在图像窗口中显示参数：numloop 属性：任何整数值作用：让你能够指定文件片循环的次数，不需要参数loop
参数：prefetch 属性：True或是False 作用：指定在播放前，RealPlayer是否可以获得流描述信息，默认值是False 参数：region 属性：任何字符串作用：同SMIL一起使用。允许你指定使用HTML代替SMIL
参数：scriptcallbacks 属性：用逗号分割的列表作用：指定浏览器的回调监控（好高级的东东！）参数：shuffle 属性：True或是False 作用：同多文件片的ram文件或是SMIL文件一起使用。可以让RealPlayer随机播放列表中的文件
参数：src 属性：任何合法的相对或是完整的URL 作用：指定播放的文件或是源文件的地址参数：type 属性：字符串作用：为嵌入插件指定MIME类型参数：width
属性：任何整数值作用：指定RealPlayer元素的宽度

swf格式：

View Code

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="226" height="226">
  <param name="movie" value="路径" />
  <param name="quality" value="high" />
  <param name="allowScriptAccess" value="always" />
  <param name="wmode" value="transparent">
     <embed src="路径"
      quality="high"
      type="application/x-shockwave-flash"
      WMODE="transparent"
      width="226"
      height="226"
      pluginspage="http://www.macromedia.com/go/getflashplayer"
      allowScriptAccess="always" />
</object>

更多精美播放器链接：http://js.alixixi.com/a/2009122459386.shtml

wma格式：

View Code

wmv格式：

View Code

avi格式:

View Code

 <object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
        <param name="ShowDisplay" value="0">
        <param name="ShowControls" value="1">
        <param name="AutoStart" value="1">
        <param name="AutoRewind" value="0">
        <param name="PlayCount" value="0">
        <param name="Appearance" value="0">
        <param name="BorderStyle" value="0">
        <param name="MovieWindowHeight" value="240">
        <param name="MovieWindowWidth" value="320">
        <param name="FileName" value="http://www.yoyb.com/list/1.avi">
        <embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1"
            autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="/Mbar.avi"
            src="Mbar.avi">
      </embed>
    </object>

rm格式:

View Code

<object id="video1" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" height="288"
        width="352">
        <param name="_ExtentX" value="9313">
        <param name="_ExtentY" value="7620">
        <param name="AUTOSTART" value="0">
        <param name="SHUFFLE" value="0">
        <param name="PREFETCH" value="0">
        <param name="NOLABELS" value="0">
        <param name="SRC" value="http://www.yoyb.com/list/1.rm">
        <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">
        <embed src type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ImageWindow"
            height="288" width="352" autostart="false">
    </object>

avi格式：

View Code

smi格式：

View Code

<object id="RVOCX" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="240"
        height="180">
        <param name="_ExtentX" value="6350">
        <param name="_ExtentY" value="4763">
        <param name="AUTOSTART" value="-1">
        <param name="SHUFFLE" value="0">
        <param name="PREFETCH" value="0">
        <param name="NOLABELS" value="-1">
        <param name="SRC" value="rm.rm">
        <param name="CONTROLS" value="ImageWindow">
        <param name="CONSOLE" value="console1">
        <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">
        <embed src="http://www.yoyb.com/list/1.smi" type="audio/x-pn-realaudio-plugin" console="Console1"
            controls="ImageWindow" height="180" width="240" autostart="true"></object>

mpg格式：

View Code

<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239"
        height="250">
        <param name="Appearance" value="0">
        <param name="AutoStart" value="-1">
        <param name="AllowChangeDisplayMode" value="-1">
        <param name="AllowHideDisplay" value="0">
        <param name="AllowHideControls" value="-1">
        <param name="AutoRewind" value="-1">
        <param name="Balance" value="0">
        <param name="CurrentPosition" value="0">
        <param name="DisplayBackColor" value="0">
        <param name="DisplayForeColor" value="16777215">
        <param name="DisplayMode" value="0">
        <param name="Enabled" value="-1">
        <param name="EnableContextMenu" value="-1">
        <param name="EnablePositionControls" value="-1">
        <param name="EnableSelectionControls" value="0">
        <param name="EnableTracker" value="-1">
        <param name="Filename" value="http://www.cnblogs.com/../mpeg/halali.mpg" valuetype="ref">
        <param name="FullScreenMode" value="0">
        <param name="MovieWindowSize" value="0">
        <param name="PlayCount" value="1">
        <param name="Rate" value="1">
        <param name="SelectionStart" value="-1">
        <param name="SelectionEnd" value="-1">
        <param name="ShowControls" value="-1">
        <param name="ShowDisplay" value="-1">
        <param name="ShowPositionControls" value="0">
        <param name="ShowTracker" value="-1">
        <param name="Volume" value="-480">
    </object>

相关阅读:
我的博客即将同步至 OSCHINA 社区
 分布式事务：SpringBoot+Dubbo+Seata+Nacos 实现案例
 分布式事务：Seata框架AT模式及TCC模式执行流程剖析
 基于 antd pro 的短信验证码登录
 Graphql请求的RBAC权限控制
 国防科大KMP算法求next数组(下标从0开始，相当于优化后的nextval)
谷歌开源项目python风格笔记
 【错误解决】Pandas DataFrame.to_csv raising IOError: No such file or directory？
SqlServer 语句优化手段
 No qualifying bean of type
原文地址：https://www.cnblogs.com/bingle/p/2492267.html