Почему мое изображение плаката не отображается в IE9 HTML5 видео - PullRequest
9 голосов
/ 04 ноября 2011

У меня есть html5-видео на этой странице:

http://www.yellowtulipcomms.com/portfolio/global-public-speaking/

Внизу 3 правых изображения.

Я использую следующий код

<video class="video-js" width="235" height="185" playbackRate="1" poster="http://www.yellowtulipcomms.com/wp-content/uploads/2011/11/Kimia-Namadchi-STILL.jpg" controls="controls">

С видео внизу и изображением плаката в IE9

просто не видно

Есть идеи?

Ответы [ 3 ]

14 голосов
/ 06 ноября 2011
  1. Удалите атрибут playbackRate.
  2. Добавьте атрибут preload="none"
4 голосов
/ 12 декабря 2012

Изображение в качестве фона работает только с тегом preload = "none", но для какой функции? ни за что. Почему Opera, Firefox, Crome ... могут интерпретировать это, а IE - нет?

Почему у меня на каждой веб-странице есть тег IF IE? Почему я должен делать все плохо, чтобы работать на IE?

Это решение, которое завершает разработку от Microsoft.

Сделано изображение с тем же разрешением, что и у видео, и с позицией «Абсолют» за пределами тега видео и присвойте ему идентификатор типа «video_play» Теперь сделана функция, которая затемняет изображение и воспроизводит видео.

СЕЙЧАС вы можете использовать функцию предварительной загрузки, она отлично выглядит и работает в IE без черного экрана.

$("#video_play").click(function(){

    $(this).fadeOut(600);
    var video = document.getElementById("video_src");
    if (video.paused) {
       video.play();
    } else {
       video.pause();
    }

}); 

Мабы, вы можете установить тег Poster и получить атрибут с помощью JavaScript и сделал мой сценарий полным динамическим. Для времени очень плохо ... как IE ....

3 голосов
/ 14 апреля 2012

У меня была страница, загружающая несколько видео, и в IE9 иногда появлялись изображения постеров, иногда нет.Решением было установить изображение плаката в качестве фона для элемента видео.Работал нормально.

...