Javascript JW玩家搜索准备就绪
我还有一个JW玩家的问题。。。我已经实现了jwplayer,通过单击按钮替换页面顶部的图像。该代码如下所示:Javascript JW玩家搜索准备就绪,javascript,jquery,jwplayer,jwplayer6,Javascript,Jquery,Jwplayer,Jwplayer6,我还有一个JW玩家的问题。。。我已经实现了jwplayer,通过单击按钮替换页面顶部的图像。该代码如下所示: <div class="series_graphic"></div> <button class="button-watch1">Watch now</button> $( ".button-watch1" ).click(function() { $( ".series_graphic" ).replaceWith('<d
<div class="series_graphic"></div>
<button class="button-watch1">Watch now</button>
$( ".button-watch1" ).click(function() {
$( ".series_graphic" ).replaceWith('<div id="player-1">Loading</div>');
jwplayer("player-1").setup({
file: "file",
height: 360,
image: "file.jpg",
width: 640,
autostart: true
});
});
现在看
$(“.button-watch1”)。单击(函数(){
$(“.series_graphic”)。替换为(“加载”);
jwplayer(“播放器-1”)。设置({
文件:“文件”,
身高:360,
图片:“file.jpg”,
宽度:640,
自动启动:正确
});
});
我正在为一个教堂做这个,他们希望能够观看整个视频,也希望能够跳到视频的某个部分。我想我会实现另一个按钮,上面写着“观看布道”来完成这个任务,并使用seek命令。我在实现它时遇到问题,因为按下按钮时播放器尚未加载。我想我可以通过使用onReady命令使它工作,但是我在使它工作时遇到了问题。。。我只是在学习JavaScript,所以对我来说有点模糊
这一页是。它仍在进行中:D
如果有人能带我走过,我会非常感激的!谢谢 要在ready上搜索,这样的操作就足够了:
<script type='text/javascript'>
jwplayer().onReady(function() { jwplayer().seek('10') });
</script>
jwplayer().onReady(函数(){jwplayer().seek('10')});
这将在玩家准备好时搜索10秒
希望这有帮助 我没有使用replaceWith,而是在按钮上使用了JWPlayer加载函数和play命令。这样,当读取seek函数时,播放器就已经初始化了。这是我的密码:
<script type="text/javascript">
function watchSermon(URL,sermonTime){
jwplayer('player').load([{
file:URL
}]);
jwplayer('player').play()
jwplayer('player').seek(sermonTime)
};
</script>
<button class="button-watch" onclick="javascript:watchSermon('{video_url}','{sermon_start}')">Watch sermon</button>
函数监视布道(URL,布道时间){
jwplayer('player')。加载([{
文件:URL
}]);
jwplayer('player').play()
jwplayer('player').seek(sermonTime)
};
观看布道
如果需要JWPlayer搜索,只需添加以下参数:
startRAM:“ec_seek”
谢谢你的帮助!它仍然不起作用——我想这是因为我的播放器在点击按钮并运行脚本之前还没有初始化。我试着按一下按钮让它运行一次,但还是不起作用。Web检查器显示jwplayer未定义的错误。HTTP加载失败,状态为404。加载媒体资源失败。按照我的实现方式,您必须单击“观看完整服务”或“观看布道”按钮,播放机才能加载正确的文件。这是我将很快进行的修复。您应该首先使初始文件实际存在。
jwplayer("").setup{
file: "http://localhost/video.mp4",
startparam: "ec_seek",
...
...
...
}