首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用下拉列表更改在线播放器播放列表

使用下拉列表更改在线播放器播放列表
EN

Stack Overflow用户
提问于 2014-02-25 14:20:08
回答 1查看 222关注 0票数 0

我在我的测试站点上嵌入了一个mp3闪存播放器,但问题是mp3闪存播放器使用播放列表来播放mp3文件,并且每次使用一个播放列表,而且我有很多播放列表。

有人能帮助脚本(Javascript,Jquery),以便用户可以从下拉列表中选择要播放的播放列表吗?

示例html代码:

代码语言:javascript
复制
<form action="#">
<select id="playlists" onchange="playlist();">
<option value="//sunnah.wen.ru/3/1.xml">Playlist 1</option> 
<option value="//sunnah.wen.ru/3/2.xml">Playlist 2</option> 
<option value="//sunnah.wen.ru/3/3.xml">Playlist 3</option> 
<option value="//sunnah.wen.ru/3/4.xml">Playlist 4</option> 
<option value="//sunnah.wen.ru/3/5.xml">Playlist 5</option> 
<option value="//sunnah.wen.ru/3/6.xml">Playlist 6</option> 
<option value="//sunnah.wen.ru/3/7.xml">Playlist 7</option> 
<option value="//sunnah.wen.ru/3/8.xml">Playlist 8</option> 
<option value="//sunnah.wen.ru/3/9.xml">Playlist 9</option> 
<option value="//sunnah.wen.ru/3/10.xml">Playlist 10</option>

</form> 

mp3播放器代码是:

代码语言:javascript
复制
<embed allowscriptaccess="never" src="http://sunnah.wen.ru/3/sunna4u.swf" menu="false" quality="high" width="300" height="300" name="index" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playList=http://sunnah.wen.ru/3/home.xhtml&ShowPlaylist=1&ShowEQ=1&firstTrack=1&initVol=100" wmode="transparent" /></embed>

上面写着:playList=http://sunnah.wen.ru/3/home.xhtml是播放列表的url。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-25 16:03:13

下面是一个使用jQuery插件jQuery SWFObject的解决方案:

http://jquery.thewikies.com/swfobject/examples

演示:http://jsfiddle.net/3KZD8/

代码语言:javascript
复制
$(function () {
    //initialize
    $("#player").flash({
        swf: 'http://sunnah.wen.ru/3/sunna4u.swf',
        height: 300,
        flashvars: {
            playList: "http://sunnah.wen.ru/3/home.xhtml",
            ShowPlaylist: 1,
            ShowEQ: 1,
            firstTrack: 1,
            initVol: 100
        }
    });

    //on change
    $("#playlists").change(function () {
        $("#player").flash({
            swf: 'http://sunnah.wen.ru/3/sunna4u.swf',
            height: 300,
            flashvars: {
                playList: "http:" + $(this).val(),
                ShowPlaylist: 1,
                ShowEQ: 1,
                firstTrack: 1,
                initVol: 100
            }
        });
    });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22016902

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档