下面是代码,其中changeme
是我要在单击按钮时更改的文本。
HTML代码和JS如下:
1) 如果加载了JavaScript,则字段中的任何用户输入都将被捕获并用changeme
替换,然后用新的JavaScript页面替换。
如果有人能帮助我,那将对有很大帮助
<form>
Stream ID: <input id="csi" name="q" placeholder="Custom Streame Id">
<input id="btn" type="submit" value="View">
</form>
<script type="text/javascript">
jwplayer("test").setup({
aboutlink: "http://domain.com",
abouttext: "DOMAIN",
streamer: 'link',
file:'changeme'
});
要动态更改播放文件,请使用load()
函数:
jwplayer().load("newfile").play();
基于DevZer0解决方案,您可以尝试此
<form>
Stream ID: <input id="csi" name="q" placeholder="Custom Streame Id">
<input id="btn" type="submit" value="View" onclick="loadnewfile();">
</form>
<script type="text/javascript">
jwplayer("test").setup({
aboutlink: "http://domain.com",
abouttext: "DOMAIN",
streamer: 'link',
file:'ORIGINAL_FILE'
});
function loadnewfile(){
jwplayer().load($('#btn').val()).play();
}
</script>
假设您已经在文档中加载了jQuery。
<script type="text/javascript">
jwplayer("container").setup({
file: "http://content.bitsontherun.com/videos/i8oQD9zd-640.mp4",
image: "http://content.bitsontherun.com/thumbs/i8oQD9zd-640.jpg",
title: "Tears of Steel"
});
function playTrailer(key) {
jwplayer().load([{
file: "http://content.bitsontherun.com/videos/"+key+"-640.mp4",
image: "http://content.bitsontherun.com/thumbs/"+key+"-640.jpg"
}]);
jwplayer().play();
}
function playstream(key) {
jwplayer().load([{
file: "+key+",
streamer: 'rtmp://hideipforsecurity/golive',
type:'rtmp'
}]);
jwplayer().play();
}
</script>
<p>Live Streamers:</p>
<ul>
<li><a href="javascript:playTrailer('i8oQD9zd')">Tears of Steel</a></li>
<li><a href="javascript:playTrailer('3XnJSIm4')">Sintel</a></li>
<li><a href="javascript:playTrailer('bkaovAYt')">Big Buck Bunny</a></li>
<li><a href="javascript:playstream('idx')">stream</a></li>
</ul>
以上就是我所取得的成就。现在,当我点击stream
时,它在jwplayer:中给了我一个错误
播放列表错误:找不到可播放的源。
如果有人知道哪里出了问题,请帮帮我。