Html 为所有人播放的视频,Modernizer不起作用?
我有一个用html5编码的网页,使用的标签有Html 为所有人播放的视频,Modernizer不起作用?,html,video,modernizr,Html,Video,Modernizr,我有一个用html5编码的网页,使用的标签有页眉,页脚,节和视频。 我使用Modernizer来支持IE7和IE8中的标签 页面中有一个视频,包括flash回退(每个人的视频) 当我在IE8中测试页面时,页面呈现良好,包括特定于html5的标记 问题是视频的flash回退功能不起作用。我有一个黑色区域,而不是flash播放器 只有删除脚本标记以加载Modernizer时,它才起作用。如果我在没有html5垫片的情况下构建了Modernizer的自定义版本,flash播放器将加载,我可以播放视频,
页眉
,页脚
,节
和视频
。
我使用Modernizer来支持IE7和IE8中的标签
页面中有一个视频,包括flash回退(每个人的视频)
当我在IE8中测试页面时,页面呈现良好,包括特定于html5的标记
问题是视频的flash回退功能不起作用。我有一个黑色区域,而不是flash播放器
只有删除脚本标记以加载Modernizer时,它才起作用。如果我在没有html5垫片的情况下构建了Modernizer的自定义版本,flash播放器将加载,我可以播放视频,但html5标记无法识别
如何使用Modernizer/html5 shim为每个人提供视频?
为什么不起作用
谢谢你的帮助
更新: 更详细地说,我的页面基于HTML5样板文件,并为播放器使用mediaelementsjs 下面是html代码
<head>
...
<script src="js/libs/modernizr-2.0.6.min.js"></script>
...
</head>
<body>
...
<video width="332" height="250" poster="img/poster.jpg" controls="controls" preload="none">
<!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
<source type="video/mp4" src="video/myvideo.mp4" />
<!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
<source type="video/webm" src="video/myvideo.webm" />
<!-- Flash fallback for non-HTML5 browsers without JavaScript -->
<object width="332" height="250" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="allowFullScreen" value="true">
<param name="wmode" value="transparent">
<param name="flashVars" value="config={'playlist':['http://.../img/poster.jpg',{'url':'http://.../video/myvideo.mp4','autoPlay':false}]}">
<!-- Image as a last resort -->
<img src="img/poster.jpg" width="320" height="240" title="Your browser doesn't support video" />
</object>
</video>
...
<script defer src="js/plugins.js"></script>
<script defer src="js/script.js"></script>
</body>
...
...
...
...
script.js中有什么
$(function() {
if($.browser.msie && $.browser.version.substr(0,1)<=7) {
// $("video, audio").mediaelementplayer({defaultVideoWidth: 332,defaultVideoHeight: 250, features: ['playpause','progress','current','duration','volume','fullscreen']});
}
else {
// initialize scrollable
$(".scrollable").scrollable({circular: true, mousewheel: true}).navigator();
$("video, audio").mediaelementplayer({defaultVideoWidth: 332,defaultVideoHeight: 250, features: ['playpause','progress','current','duration','volume','fullscreen']});
}
});
$(函数(){
如果($.browser.msie&&$.browser.version.substr(0,1)您是否特别需要使用“每个人的视频”
我们与使用HTML5标记的页面一起使用,并且在所有操作系统/浏览器中都使用Modernizer,没有任何问题如果您使用多个javascript库,请使用jQuery.noConflict();
在我的例子中,我也怀疑Modernizer,但我是FitVids。FitVids搞乱了“嵌入”MediaElement.js
之后的对象已经发挥了神奇的作用
为了解决这个问题,我需要确保任何
jQuery().fitVids()
都在jQuery('video,audio').mediaelementplayer()之前发生过如果您包含一些代码或将其发布在此处,这将有助于人们帮助您…似乎有点困惑,如果您手动指定flash fallback player并使用其他播放器,为什么要使用MediaElementJs?MEJS是一个包含flash组件的垫片…无论如何,这不是因为您包含的swf可能不在同一个域中吗还有,脚本中的msie和版本检查不是一开始就违背了功能垫片的目的吗?如果你使用Modernizer,视频标签会突然得到支持,里面的对象标签会做出不同的反应,难道他们不应该使用noscript标签作为非脚本浏览器的解决办法吗……我的脑袋在转^^不,我不需要sp具体地说是“每个人的视频”,但为了简单起见,我提到了“每个人的视频”,而不是mediaelelmentjs,因为它描述了相同的html代码。你能发布部分代码吗?我使用modernizer和mediaelementsjs,但它不适用于IE 8。