Video.js не работает с 2 видео на странице в IE8

Question

Я использую video.js. Он отлично работает и видео воспроизводится во всех браузерах.

Проблема, с которой я столкнулась, заключается в том, что когда у меня есть 2 видео на одной странице в IE8, работает только один. Другой - просто большой черный прямоугольник, где должно быть видео. Когда я удаляю код для одного из видео, другой работает отлично. Как только я добавлю код обратно, 1 остановка работает.

Есть ли какое-то исправление, которое я могу использовать для получения нескольких видеороликов, работающих на одной странице в IE?

Answer 1

Вы даете каждому игроку уникальное имя/строку в идентификаторе видеообъекта? Это также применимо к любому содержащему divs или объектам для Flash fallback.

<video id="video-id-1" class="video-js vjs-default-skin" controls 
     width="960" height="540" poster="video-1-poster.jpg" data-setup="{}"> 
     <source src="video-1-file.mp4" type='video/mp4'> 
    </video> 

    <video id="video-id-2" class="video-js vjs-default-skin" controls 
     width="960" height="540" poster="video-2-poster.jpg" data-setup="{}"> 
     <source src="video-2-file.mp4" type='video/mp4'> 
    </video> 

Answer 2

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