分享

无插件纯代码实现网页、wordpress音乐播放器 | Ruxin·s Personal ...

 旭龙 2012-09-22

前段时间想找一些wordpress播放器,有些播放器其实挺好的,但有些我也还不知道那些代码是什么!然后,网络上百度了不少其他的,发现在测试的过程中,很多都用不了了!现在就分享一下网络上收集来的非插件纯代码播放器了!其实播放器主要有两个元素:播放的载体形式(比如是否需要添加swf音乐播放器等)和音乐链接地址。

第一类样例(纯audio元素):
代码:

<audio controls autoplay style="margin: auto; top: 0; right: 0; bottom: 0; left: 0;" name="media" src="音乐链接地址"></audio>

如果不要自动播放则把代码中的autoplay删了。

附:

第二类样例(包含swf播放器):
代码:

<embed src="http://www./wp-content/uploads/music_player.swf" flashvars="mp3=音乐链接地址一|音乐链接地址二&autoplay=0" height="20" width="160" wmode="transparent" type="application/x-shockwave-flash" />

该样例的swf播放器下载(目标另存为)

第二排mp3后面的地址就是音乐链接地址,多首歌用“|”链接。最后的autoplay=0为手动(1为自动),下面autoplay参数设置都是一样的!
在附几种播放器类型(当然,有些播放器也可以自己再加css修饰的):

 

播放器样例2:
代码:

<embed src="http://www./wp-content/uploads/mp3player.swf?url=http://***.MP3&autoplay=0" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="400" height="30"></embed>
该样例swf文件下载(目标另存为)

播放器样例3:(好像不能设置自动播放)
代码:

<embed type="application/x-shockwave-flash" src="http://www./wp-content/uploads/audio_player.swf?audio_file=http://***.MP3&color=84cfe7" height="25" width="200" quality="best"></embed>
该样例swf文件下载(目标另存为)。播放器颜色在color那设置!

播放器样例4:
代码:

<embed src="http://www./wp-content/uploads/dplayer.swf?soundFile=http://***.MP3&bg=0xCDDFF3&leftbg=0xDD4B39&lefticon=0xF2F2F2&rightbg=0xDD4B39&rightbghover=0x4499EE&righticon=0xF2F2F2&righticonhover=0xFFFFFF&text=0xDD4B39&slider=0xDD4B39&track=0xFFFFFF&border=0xFFFFFF&loader=0x8EC2F4&autostart=no&loop=no " type="application/x-shockwave-flash" wmode="transparent" quality="high" width="290" height="24">

该样例swf文件下载(目标另存为)。说明:橙色部分是播放器颜色设置样例(红色),你们可以自己更改也可以删除,默认是灰色的(这里显示的是默认的)。autostart代表是否自动播放,有yes和no两个值;loop代表是否循环播放,有yes、no和具体的次数三个值。

最后,希望这篇日志能给你们带来些帮助!还有,欢迎提供更多的播放器代码或者技巧等等!!!

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多