Несколько игроков с JW Player? - PullRequest
Новая
       21

Несколько игроков с JW Player?

4 голосов
/ 27 апреля 2011

Попытка реализовать несколько игроков с помощью JW Player. Я попробовал несколько способов и посмотрел документы, но я не совсем уверен, почему код нарушается.

Фрагменты кода, показанные ниже:

В голове: 

<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>

JS: 

    $('video').jwplayer({
        flashplayer: '/jwplayer/player.swf',
        controlbar: 'none',
        stretching: 'fill',
        height: 120,
        width: 120
     });

HTML: 

<video  id="video" src="/media/original/original-video.mp4">Loading Video ...</video>

Я получаю ошибку: 

$("video").jwplayer is not a function

Теперь я подумал, что это означает, что файл jwplayer.js не загружается. тогда я прочитал, может быть, потому что сокращение $ не берется, поэтому я попробовал jQuery. Никто не работал. Однако, когда я изменяю javascript, чтобы он воспроизводил ОДНО видео, например: 

    jwplayer('video').setup({
        flashplayer: '/jwplayer/player.swf',
        controlbar: 'none',
        stretching: 'fill',
        height: 120,
        width: 120
     });

Код действительно работает. Однако для этого все мои теги видео должны иметь одинаковый идентификатор. Что я не могу сделать, так как я хочу нескольких игроков.

Любая помощь будет очень признательна. Пример был бы еще лучше! Спасибо за чтение.

1 Ответ

11 голосов
/ 28 апреля 2011

я нашел ответ.Это было просто!просто нужно было добавить в jQuery each (), чтобы каждый тег был инициализирован:)

Надеюсь, это поможет кому-то еще: 

$('video').each(function(){
    jwplayer(this.id).setup({
        flashplayer: '/jwplayer/player.swf',
        controlbar: 'none',
        height: 120,
        width: 120      
    });
});
...