JW Player ищет по готовности

У меня есть еще один вопрос о 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
    });
 });

Я работаю над этим для церкви, и им нужна возможность просмотра всего видео, а также возможность перехода к определенной части видео. Я думаю реализовать еще одну кнопку с надписью «Смотреть проповедь», чтобы выполнить это и использовать команду поиска. У меня проблемы с его реализацией, так как плеер еще не загружен при нажатии кнопки. Я предполагал, что смогу заставить его работать с помощью команды onReady, но у меня возникли проблемы с этой работой... Я только изучаю JavaScript, поэтому для меня все это немного нечетко.

Страница находится здесь. Это все еще в процессе :D

Если бы кто-нибудь мог провести меня через это, я был бы очень признателен! Спасибо!


javascript jquery jwplayer jwplayer6
person anguiac7    schedule 01.11.2013    source источник

Ответы (3)


arrow_upward
4
arrow_downward

Чтобы выполнить поиск по готовности, будет достаточно чего-то вроде этого:

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

Это будет искать 10 секунд, когда игрок будет готов.

Надеюсь это поможет!

person emaxsaun    schedule 01.11.2013
comment
Спасибо за вашу помощь! Это все еще не работает - я думаю, это потому, что мой плеер не инициализируется до тех пор, пока не будет нажата кнопка, а скрипт запускается до этого. Я попытался запустить его при нажатии на кнопку, но он все еще не работал. Веб-инспектор показывает ошибку, что jwplayer не определен. - person anguiac7; 02.11.2013
comment
Ошибка загрузки HTTP со статусом 404. Загрузка медиаресурса andrewanguiano.com/path/to/dummy .mp4 не удалось. - person emaxsaun; 05.11.2013
comment
Как я это реализовал, вам нужно нажать кнопку «Просмотреть полный сервис» или «Просмотреть проповедь», чтобы проигрыватель загрузил правильный файл. Это исправление, которое я сделаю в ближайшее время. - person anguiac7; 05.11.2013
comment
Сначала вы должны сделать исходный файл фактически существующим. - person emaxsaun; 05.11.2013

arrow_upward
1
arrow_downward

Вместо использования replaceWith я использовал функцию загрузки JWPlayer в сочетании с командой воспроизведения на моей кнопке. Таким образом, плеер будет инициализирован уже при считывании функции поиска. Вот мой код:

<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>
person anguiac7    schedule 02.11.2013

arrow_upward
0
arrow_downward

Если вы хотите, чтобы JWPlayer искал, вам нужно только добавить этот параметр: startparam: "ec_seek"

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