jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 动态更改jPlayer流源大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要做的是在锚点或按钮点击(总共5个)上更改jplayer流源而不刷新页面或停止播放器.那可能吗?

JAVASCRIPT

jQuery(document).ready(function(){

        var stream = {
            title: "ABC Jazz",mp3: "http://listen.radionomy.com/abc-jazz"
        },ready = false;

        jQuery("#jquery_jplayer_master").jplayer({
            ready: function (event) {
                ready = true;
                jQuery(this).jplayer("setMedia",stream); //.jplayer("play")
            },pause: function() {
                jQuery(this).jplayer("clearMedia");
            },error: function(event) {
                if(ready && event.jplayer.error.type === jQuery.jplayer.error.URL_NOT_SET) {
                    // Setup the media stream again and play it.
                    jQuery(this).jplayer("setMedia",stream).jplayer("play");
                }
            },swfPath: "js",supplied: "mp3",preload: "none",wmode: "window",keyEnabled: false
        });

    });

壁虎

<a id="lounge" href="javascript:void(0)">Click for Lounge music</a>
<a id="rock" href="javascript:void(0)">Click for Rock music</a>
.
.
<a id="dance" href="javascript:void(0)">Click for Dounge music</a>

解决方法

经过数小时的搜索后找到解决方案.

只需将其添加到您的代码中(根据您的示例):

$("#jquery_jplayer_master").jplayer('destroy');
// and then call again your js code with new params

大佬总结

以上是大佬教程为你收集整理的jquery – 动态更改jPlayer流源全部内容,希望文章能够帮你解决jquery – 动态更改jPlayer流源所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。