我不知道为什么,但是ie10停止在我正在工作的网站上加载视频标签。
这是我实现的代码:
<video id="video_background" preload="auto" autoplay="autoplay" loop="loop" style="width: auto;height: 100%;">
<source src="video/background.mp4" type="video/mp4" />
<source src="video/background.ogv" type="video/ogg" />
<source src="video/background.webm" type="video/webm" />
<!--[if lt IE 9]>
<object id="video_background_1" type="application/x-shockwave-flash" data="http://player.longtailvideo.com/player.swf" style="width: 100%;height: 100%;">
<param name="movie" value="http://player.longtailvideo.com/player.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="autostart=true&controlbar=over&file=http%3A%2F%2Fwww.bloodandtreasure.com%2FGSC%2Fvideo%2Fbackground.mp4&repeat=always" />
</object>
<![endif]-->
</video>
Here's网站链接。该视频在带有.mp4扩展名的Windows Media Player中可以正常播放。
我真的不知道问题出在哪里,所以如果有人在遇到此问题之前,请告诉我什么对您有用。
最好的祝福,
奥斯卡奖
附注:我现在要睡觉了,早上会检查这个问题的最新消息。
最佳答案
在检查了您的网站之后,我看不到问题中提到的视频元素所特有的任何问题。我可以验证视频是否可以在IE10,Chrome 28和Firefox 23中加载和播放。但是,我在所有浏览器中看到一条警告消息:
<br /><b>Warning</b>: Cannot modify header information - headers already sent by (output started at /home/bloodand/public_html/GSC/header.php:1) in <b>/home/bloodand/public_html/GSC/db.php</b> on line <b>1</b><br />
在IE10中,这还会在控制台中输出其他错误。我认为这是由于上述警告正在
<html>
标记之外的html中输入。HTML1513:找到额外的“
<html>
”标记。每个文档仅应存在一个“ <html>
”标记。GSC,第4行字符1
HTML1503:意外的开始标记。
GSC,第6行字符1
HTML1512:不匹配的结束标记。
GSC,第34行字符1
HTML1514:找到额外的“
<body>
”标记。每个文档仅应存在一个“ <body>
”标记。GSC,第36行字符1
我建议调查一下正在修改您的标头。这可能会解决您遇到的所有问题。另外,请注意您有重复的Javascript错误:
未捕获的TypeError:无法调用未定义的header.js的方法'replace'317
关于javascript - IE10视频标签突然停止工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18324418/