我们正在学习使用HTML5、CSS和CSS3。如果你能够帮助我,请尽可能具体,并请包括一些屏幕截图,如果可能的话。
我用一个嵌入的视频对我的HTML5进行了编码,这样一开始它就会显示视频的海报图像(在我嵌入带有标签的视频之前)。在我嵌入视频之前和之后,它显示了一个无效的来源。这只发生在IE和Safari中(safari说缺少插件)。我安装了IE11,Chrome,Safari和火狐浏览器,但只有IE和Safari有问题。在Chrome和Firefox上测试良好。无论出于什么原因,在Safari中,它都会显示缺少插件。所有这些,在IE11的“无效源代码”之上。任何帮助都是非常感谢的!我已经附上了代码。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Cruise</title>
<meta charset="utf-8">
<h1>Lighthouse Cruise</h1>
<style>
video { width: 100%; height: auto; max-width: 320px; }
</style>
</head>
<body>
<video controls="controls" poster="lighthouse.jpg">
<source src="lighthouse.mv4" type="video/mp4">
<source src="lighthouse.ogv" type="video/ogg">
<embed type="application/x-shockwave-flash"
src="lighthouse.swf"
quality="high"
width="320" height="240"
title="Door County Lighthouse Cruise">
</video>
</body>
</html>发布于 2014-11-11 11:46:49
哇,我从来没有想过会发布一个问题,然后9个小时后回来回答我自己,哈哈。因此,下面是解决方案:
注意第一个源元素中的mv4扩展。我将其更正为m4v。加载被阻止的内容后,一切工作正常。不管怎样,谢谢你。
发布于 2015-05-01 04:46:44
我几乎也遇到了同样的问题。发现IE正在使用兼容模式并模拟IE7。
把<meta http-equiv="X-UA-Compatible" content="IE=edge">放在<head>后面,帮我解决了这个问题。
https://stackoverflow.com/questions/26849316
复制相似问题