Question

<video controls="controls" poster="<?php echo get_template_directory_uri(); ?>/library/video/General_Ledger_Demo.jpg" width="854" height="480"  onclick="if(/Android/.test(navigator.userAgent))this.play();" autoplay>
            <source src="<?php echo get_template_directory_uri(); ?>/library/video/General_Ledger_Demo.mp4" type="video/mp4" />
            <source src="<?php echo get_template_directory_uri(); ?>/library/video/General_Ledger_Demo.webm" type="video/webm" />
            <source src="<?php echo get_template_directory_uri(); ?>/library/video/General_Ledger_Demo.ogv" type="video/ogg" />
            <object type="application/x-shockwave-flash" data="<?php echo get_template_directory_uri(); ?>/library/video/General_Ledger_Demo.swf" width="854" height="480" style="position:relative;">
              <param name="movie" value="<?php echo get_template_directory_uri(); ?>/library/video/General_Ledger_Demo.swf" />
              <param name="allowFullScreen" value="true" />
              <param name="flashVars" value="autoplay=true&amp;controls=true&amp;loop=true&amp;src=General_Ledger_Demo.mp4" />
              <embed src="<?php echo get_template_directory_uri(); ?>/library/video/General_Ledger_Demo.swf" width="854" height="480" style="position:relative;"  flashVars="autoplay=true&amp;controls=true&amp;loop=true&amp;poster=<?php echo get_template_directory_uri(); ?>/library/video/General_Ledger_Demo.jpg&amp;src=General_Ledger_Demo.mp4"    allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" />
              <img alt="insight-commercial" src="<?php echo get_template_directory_uri(); ?>/library/video/General_Ledger_Demo.jpg" style="position:absolute;left:0;" width="854" height="480" title="Video playback is not supported by your browser" />
            </object>
          </video>

适用于IE9，Firefox，Safari甚至Android平板电脑。但是，IE8会产生一个空白屏幕（回退到闪存）。文件路径是正确的，它不是权限问题（全部是755）。几天来一直在搞乱这个问题，最后求助于专家。

感谢。

Answer 1

我认为.swf文件不应该在<video>标记内。我会尝试<object>代码，type属性设置为"application/x-shockwave-flash"。

Flash无法在IE5中运行，在HTML5视频标签内部

1 个答案: