Html 为所有人播放的视频,Modernizer不起作用?

Html 为所有人播放的视频,Modernizer不起作用?,html,video,modernizr,Html,Video,Modernizr,我有一个用html5编码的网页,使用的标签有页眉,页脚,节和视频。 我使用Modernizer来支持IE7和IE8中的标签 页面中有一个视频,包括flash回退(每个人的视频) 当我在IE8中测试页面时,页面呈现良好,包括特定于html5的标记 问题是视频的flash回退功能不起作用。我有一个黑色区域,而不是flash播放器 只有删除脚本标记以加载Modernizer时,它才起作用。如果我在没有html5垫片的情况下构建了Modernizer的自定义版本,flash播放器将加载,我可以播放视频,

我有一个用html5编码的网页,使用的标签有
页眉
页脚
视频
。 我使用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。