我不知道为什么,但 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 中完美运行。
我真的不知道问题是什么,所以如果有人之前遇到过这个问题,请告诉我什么对你有用。
最诚挚的问候,
奥斯卡
P.S:我现在要去 sleep 了,早上会检查这个问题的更新。
最佳答案
检查您的网站后,我没有发现任何特定于您问题中提到的视频元素的问题。我能够验证视频是否可以在 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
我建议调查一下是什么在修改您的 header 。这可能会解决您遇到的任何问题。另外,请注意您有一个重复的 Javascript 错误:
未捕获类型错误:无法调用未定义 header.js 的“替换”方法 317
关于javascript - IE10 视频标签突然停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18324418/