Несколько экземпляров списка воспроизведения VideoJS устарели - PullRequest
Новая
       41

Несколько экземпляров списка воспроизведения VideoJS устарели

0 голосов
/ 13 мая 2019

Я разрабатываю плагин Wordpress, который позволяет пользователям добавлять пользовательские списки воспроизведения видео на свои страницы или записи, и для этого я использую библиотеки Videojs и Videojs Playlist.

Мне успешно удалось добавить один плейлист на страницу, но когда создается второй, первый игрок отключается. Первый игрок отключен

Другая проблема, с которой я сталкиваюсь, заключается в том, что хотя vjs-playlist div добавлен, он отображается только в первом созданном плеере. Отображение кода в браузере 

      var options = {"techOrder": ["html5","youtube", "flash"]};
      var myPlayer = videojs('my-playlist-player', {options, "autoplay": false, "controls": true, "fluid": true, "liveui": true});

      myPlayer.playlist([{
        name: 'Test item 1 type .m3u8',
        description: 'Testing for videojs-playlist-ui integration',
        duration: '45',
        sources: [
          {src: '//vjs.zencdn.net/v/oceans.mp4',type: 'video/mp4'}
        ],
        thumbnail: [
          {
            srcset: '//bcvid.brightcove.com/players-example-content/clouds-1800.jpg',
            type: 'image/jpeg',
            style: 'max-height: 120px;'
          }  
        ]
        },{
        name: resTitle,
        description: resDesc,
        duration: resDuration,//'45',
        sources: [
          {src: resItemSrc, type: resMime}
        ],
        thumbnail: [
          {
            srcset: resThumbnail,
            type: resImgType,
            style: thumbStyle//'max-height: 120px;'
          }  
        ]
        }
        } 
      ]);


      console.log(myPlayer.playlist());
      myPlayer.playlistUi({el: document.getElementById('vjs-playlist'), horizontal: true});
      myPlayer.playlist.autoadvance(1);

Я считаю, что мои ошибки происходят из-за того, что функции videojs обнаруживают один и тот же идентификатор во всех элементах, но если да, то как мне этого избежать?

Любые другие идеи или мнения о том, почему эти ошибки могут происходить, были бы великолепны.

Заранее спасибо.

1 Ответ

0 голосов
/ 15 мая 2019

Немного больше информации, я хотел проверить, сколько игроков обнаружил скрипт, и поэтому я напечатал в консоли window.videojs.players, и обнаружен только один игрок, даже если создано больше. Результат проверки

Может ли это быть потому, что они имеют одинаковый идентификатор? Если да, то как это можно исправить? Результат HTML

...