JW Player seek on ready

Question

我还有一个JW Player的问题。我已经实现了JW播放器，在点击按钮时替换页面顶部的图像。该代码如下所示：

<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
    });
 });

我正在为一个教堂做这件事，他们希望能够观看整个视频，也可以跳到视频的某个部分。我想我会实现另一个按钮，上面写着“观看布道”来完成这个任务，并使用seek命令。我在实现它时遇到了问题，因为当按钮被按下时，播放器还没有加载。我以为我可以通过使用onReady命令让它工作，但我在让它工作时遇到了问题……我刚开始学习JavaScript，所以对我来说有点模糊。

该页面为here。它仍然在进行中:D

如果有人能给我介绍一下，我会很感激的！谢谢!

Answer 1

我没有使用replaceWith，而是使用了JWPlayer load功能，并在我的按钮上添加了一个播放命令。这样，当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>

Answer 2

要在ready上进行查找，这样的代码就足够了：

<script type='text/javascript'>
 jwplayer().onReady(function() { jwplayer().seek('10') });
</script>

当玩家准备好时，这将在10秒内寻找。

希望这能有所帮助！

Answer 3

如果需要JWPlayer seek，只需添加以下参数：startparam: "ec_seek"

jwplayer("").setup{
file: "http://localhost/video.mp4", 
startparam: "ec_seek",
...
...
...
}