Question

我在这个页面上有一个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中显示

有什么想法吗？

Answer 1

删除playbackRate属性。
添加preload="none"属性

Answer 2

Image as Background仅适用于preload =“none”标签但是对于wath ist这个功能？徒劳无功。为什么Opera，Firefox，Crome ......可以解释这个，而IE可以做到吗？

为什么我在每个WEB页面都有一个IF IE标签？为什么我必须让所有事情都不好在IE上工作？

这是解决方案，它完善了微软的开发。

制作与视频具有相同分辨率的图片，并在视频标签外定位绝对，并提供类似“video_play”的ID 现在制作了一个淡出图片并播放视频的功能。

现在您可以使用预加载功能，它看起来很棒，并且可以在没有黑屏的IE上运行。

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

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

});

Maby你可以设置Poster标签并使用javascript获取属性并使我的脚本充满活力。时间非常糟糕......就像IE ....

Answer 3

我有一个页面加载了几个视频，而在IE9中，海报图像有时会出现，有时不会出现。解决方案是将海报图像设置为视频元素的背景。工作得很好。

为什么我的海报图片没有在IE9 html5视频中显示

3 个答案: