首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >当HTML5在IE11中加载视频时有问题-源无效,在Safari中-缺少插件

当HTML5在IE11中加载视频时有问题-源无效,在Safari中-缺少插件
EN

Stack Overflow用户
提问于 2014-11-11 01:20:04
回答 2查看 3.1K关注 0票数 0

我们正在学习使用HTML5、CSS和CSS3。如果你能够帮助我,请尽可能具体,并请包括一些屏幕截图,如果可能的话。

我用一个嵌入的视频对我的HTML5进行了编码,这样一开始它就会显示视频的海报图像(在我嵌入带有标签的视频之前)。在我嵌入视频之前和之后,它显示了一个无效的来源。这只发生在IE和Safari中(safari说缺少插件)。我安装了IE11,Chrome,Safari和火狐浏览器,但只有IE和Safari有问题。在Chrome和Firefox上测试良好。无论出于什么原因,在Safari中,它都会显示缺少插件。所有这些,在IE11的“无效源代码”之上。任何帮助都是非常感谢的!我已经附上了代码。

代码语言:javascript
复制
<!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>
EN

回答 2

Stack Overflow用户

发布于 2014-11-11 11:46:49

哇,我从来没有想过会发布一个问题,然后9个小时后回来回答我自己,哈哈。因此,下面是解决方案:

注意第一个源元素中的mv4扩展。我将其更正为m4v。加载被阻止的内容后,一切工作正常。不管怎样,谢谢你。

票数 0
EN

Stack Overflow用户

发布于 2015-05-01 04:46:44

我几乎也遇到了同样的问题。发现IE正在使用兼容模式并模拟IE7。

<meta http-equiv="X-UA-Compatible" content="IE=edge">放在<head>后面,帮我解决了这个问题。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26849316

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档