正如标题所说,这就是困扰我的事情。
我正在实施mediaelement.js库以获得更好的Android支持,这就是我的 这个库的头元素代码就在这里:
<link rel="stylesheet" href="mediaelementplayer.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="mediaelement.js"></script>
这是我的视频代码:
<video width="640" height="360" controls>
<!-- videos with different format types -->
<source src="explore_promo.mp4" type="video/mp4" />
<source src="explore_promo.webm" type="video/webm" />
<source src="explore_promo.ogv" type="video/ogg" />
<!-- flash fallback code for ie8 -->
<object width="640" height="360" type="application/x-shockwave-flash" data="flashmediaelement.swf">
<param name="movie" value="flashmediaelement.swf" />
<param name="flashvars" value="controlbar=over&file=explore_promo.mp4" />
</object>
</video>
现在,所有浏览器都可以正常渲染视频元素。当我在IE8中测试此代码时,会出现此问题。即使未启用自动播放并且我已将控制栏值设置在我的元素内,视频也会自动播放,但它不会显示任何控件(播放,暂停等),并且它也会一直循环播放。我想在IE8中拥有视频控件,这样用户可以随时播放/暂停 - 无需循环播放和自动播放。