分享

网页中插入音乐播放器WMA 方法有两种:object和embed

 看见就非常 2013-03-19

网页中插入音乐播放器(详细,全面,加图)

通常有三种方法,使用普通的html方法有两种:object和embed。另一种是用flash编写的播放器,这种方法兼容性级好,但难度较大,较复杂。

其中object是ie专用,有大量属性可定制,firefox,谷歌,opera都不支持。

embeb较为通用,以上浏览器都行,只是属性较少,界面不如object来的丰富。

 

object方法:

<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="id" width="400" height="70">
<param name="src" value="http://www./music/B/B3.wma" />
<param name="ShowStatusBar" value="true" />

</object>

界面:


另一种方法,时间和信息是在上方的:

<object classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="400" height="64" >
<param name="invokeURLs" value="0" >
<param name="autostart" value="0" />
<param name="url" value="http://mini./Mini/Up_File/Music/20081218091117626.mp3" />

</object>

界面:


以上界面不同的原因是由于clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6这部分来控制的,具体可用dw生成。

=====================================================

embde方式。

<embed height="100" width="400" src="http://news./music/9.mp3" type="application/x-mplayer2" width="550" height="400" autostart="true" loop="true" />

界面:


============

另外有一种自动适配两种界面的方法,object里包含embed IE中会使用object 非ie中使用embde方式。

<object classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="400" height="64" >
<param name="invokeURLs" value="0" >
<param name="autostart" value="0" />
<param name="url" value="http://mini./Mini/Up_File/Music/20081218091117626.mp3"  id="abbc"/>

<embed src="http://mini./Mini/Up_File/Music/20081218091117626.mp3" autostart="0" type="application/x-mplayer2" width="400" height="64"></embed>

</object>

原文作者:http://www./转载请保留

=======附=======

object参数说明:

<object id="player" height="200" width="240" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">

<!--是否透明-->
<param name="wmode" value="transparent">

<param name="AutoStart" VALUE="-1">
<!--是否自动播放-->

<param name="Balance" VALUE="0">
<!--调整左右声道平衡,同上面旧播放器代码-->

<param name="enabled" value="-1">
<!--播放器是否可人为控制-->

<param name="EnableContextMenu" VALUE="-1">
<!--是否启用上下文菜单-->

<param name="url" VALUE="http://../***.wmv">
<!--播放的文件地址-->

<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>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约