Question

我还有另一个JW Player问题...我已经实现了JW Player来点击按钮点击页面顶部的图像。该代码如下所示：

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

我正在为一个教会做这件事，他们希望有能力观看整个视频，也能够跳到视频的某个部分。我想我会实现另一个按钮，说“Watch sermon”来完成这个并使用seek命令。我在实现它时遇到问题，因为按下按钮时播放器尚未加载。我假设我可以通过使用onReady命令让它工作，但是我在解决这个问题时遇到了问题......我只是在学习JavaScript，所以对我来说这有点模糊。

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

如果有人能指引我，我真的很感激！谢谢！

Answer 1

要做好准备，这样的事情就足够了：

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

当玩家准备好时，这将寻求10秒。

希望这有帮助！

Answer 2

我没有使用replaceWith，而是在我的按钮上使用了JWPlayer加载函数和play命令。这样，当读取搜索功能时，播放器将被初始化。这是我的代码：

<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 3

如果您想要JWPlayer寻求，您只需添加此参数： startparam: "ec_seek"

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

JW Player准备就绪

3 个答案: