IE9未加载HTML5 mp4视频

我的视频在除IE9以外的几乎所有其他浏览器中都能正常工作。然而，它可能只是IE9的配置导致这个问题，因为在我的其他笔记本电脑与Windows 8 64位和IE10 64位，当我切换到IE9的浏览器模式，它工作正常。这是问题：IE9未加载HTML5 mp4视频

我使用Windows 7 64位，IE9 64位和32位。我的网站在嵌套的JQuery选项卡中有视频。一个标签随机加载。如果选择包含视频的其中一个标签最初加载，则视频显示正常。如果不是，视频显示为空白，但是，我可以右键单击视频的位置，选择播放，然后视频将按照正常播放，控件出现。

下面是遇到该问题的网页的链接： http://northernicefastpitch.com/index.php?page=team&team=1

转到Scalzitti选项卡，然后选择视频以了解其中的视频应该显示。

这里是我的视频代码：

<video width="310" height="200" controls="controls"> 
<source src="teams/players/Scalzitti_Angela_19960603/videos/video1.mp4" type="video/mp4"> 
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="310" height="200"> 
<param name="src" value="teams/players/Scalzitti_Angela_19960603/videos/video1.mp4"> 
<param name="type" value="video/mp4"> 
<param name="controller" value="true"> 
<param name="autoplay" value="false"> 
<embed src="teams/players/Scalzitti_Angela_19960603/videos/video1.mp4" type="video/mp4" pluginspage="http://www.apple.com/quicktime/download/" width="310" height="200" controller="true" autoplay="false"> 
</object> 
</video>

我托管在Linux的Centos使用NGINX所以.htaccess文件不会造成任何问题6.3服务器这个网站。我已经看过“IE9 HTML5视频只能在缓存清理后才能看到”帖子，它并没有帮助我。我可能已经尝试了大约30种不同的解决方案，而且没有任何解决方案适用于我（这就是为什么我倾向于IE9在此笔记本电脑上配置不正确）。

请让我知道你们中的任何一个是否能够在IE9上正确地看到视频和控件。如果它只是这台笔记本电脑有问题，我绝对没问题。

在此先感谢。

约翰

来源

2013-08-20 Slashin8r

我找不到这个问题的任何可行的解决方案，但我没有拿出一个解决办法。我只在IE中使用这种解决方法，但在遇到Chrome的另一个问题后，我决定在所有浏览器上使用这个解决方案。

<div style="display:inline-block; margin-top:-14px; padding:5px;"> 
    <video id="video14" width="310" height="200" style="background:#000000 url('images/play.png') no-repeat;" preload="none" controls> 
    <source src="videos/video1.mp4" type="video/mp4"> 
    <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="310" height="200"> 
     <param name="src" value="videos/video1.mp4"> 
     <param name="type" value="video/mp4"> 
     <param name="controller" value="true"> 
     <param name="autoplay" value="false"> 
     <embed src="videos/video1.mp4" type="video/mp4" width="310" height="200" controller="true" autoplay="false"></embed> 
    </object> 
    </video> 
    <script> 
    document.getElementById('video14').onclick = function() { 
     document.getElementById('video14').play(); 
     document.getElementById('video14').onclick = ''; 
     document.getElementById('video14').style.background = ''; 
    }; 
    </script> 
</div>

上面，我给我的视频一个播放按钮的ID和背景图像。然后，我设置了一些javascript来播放视频，同时在第一次点击后也删除了onclick函数以及背景。由于Chrome的问题，我必须设置preload =“none”。此外，您可以使用海报属性而不是使用背景。如果使用海报属性，则不需要额外的JavaScript来删除背景。

编辑：我试过使用海报属性，但它没有在IE9的工作，所以坚持与现在的背景。还尝试使用video.js和海报，但也没有在IE9中工作。在IE9中，当选择带有视频的选项卡作为默认选项卡（随机选择默认选项卡）时，即使预加载=“无”，预览海报仍然正在显示。尽管如此，我对这种随机事件还好。

来源

2013-09-30 18:27:36 Slashin8r

IE9未加载HTML5 mp4视频

回答

相关问题