单击列表中的项目时更改播放器URL

时间:2016-10-15 21:55:08

标签: javascript jquery

我想构建某种频道网站。 当用户点击频道的href名称时,流媒体网址的url会在不重新加载页面的情况下发生更改。

我的代码是

    <div class="player-section">
        <div class="container">
            <div id="player-container">
                <object type="application/x-shockwave-flash" id="player" data="GrindPlayer.swf" width="640" height="480" style="visibility: visible;"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="wmode" value="opaque"><param name="flashvars" value="autoPlay=true&amp;src=rtmp%3A//XXX.XXX.XXX.XXX%3A1935/livelowedge/nickelodeon.stream%23.m3u8&amp;streamType=live&amp;scaleMode=letterbox&amp;plugin_hls=flashlsOSMF.swf&amp;hls_debug=false&amp;hls_debug2=false&amp;hls_minbufferlength=-1&amp;hls_lowbufferlength=2&amp;hls_maxbufferlength=60&amp;hls_startfromlowestlevel=false&amp;hls_seekfromlowestlevel=false&amp;hls_live_flushurlcache=false&amp;hls_seekmode=ACCURATE&amp;hls_capleveltostage=false&amp;hls_maxlevelcappingmode=downscale"></object>
                <div id="player-tip" style="display: none;"></div>
            </div>
        </div>
    </div>

如您所见,我已经加载了nickelodeon.stream。 我希望当用户点击href TV1播放rtmp://XXX.XXX.XXX.XXX:1935 / livelowedge / TV1.stream 等等。 我希望我能解释一下。 提前致谢

1 个答案:

答案 0 :(得分:0)

您没有发布任何代码,但我仍然会尽力帮助您 你可以通过做一些像前缀和后缀(我希望XXX被替换)来做到这一点,如:

function stream(stream) {
  var url = "rtmp://XXX.XXX.XXX.XXX:1935/livelowedge/" + stream;
  return url; //If you want to process it 
  //or
  window.location = url; //If you want to redirect to that stream
}

或者您可以通过将字符串拆分为数组,替换所需部分然后将它们全部重新连接在一起来实现此目的。

修改
我想出了这两个简单的解决方案,如果你真的不需要处理a标签的内容,我真的不鼓励你使用第二个解决方案:
  - First
  - Second
你真的不需要别的东西。这些东西都是你应该知道的HTML,javascript基础知识。