如何触发;“玩”;在带有Modernizer的IE8上隐藏控件的HTML5视频中
在Modernizer的帮助下,我在IE8上使用video js播放了一段HTML5视频,现在的问题是我想隐藏视频控件,并通过页面上的链接触发“播放”。 我有一个解决方案,除了ie8和ie7,它在任何地方都可以正常工作 有什么想法吗如何触发;“玩”;在带有Modernizer的IE8上隐藏控件的HTML5视频中,html,internet-explorer-8,modernizr,Html,Internet Explorer 8,Modernizr,在Modernizer的帮助下,我在IE8上使用video js播放了一段HTML5视频,现在的问题是我想隐藏视频控件,并通过页面上的链接触发“播放”。 我有一个解决方案,除了ie8和ie7,它在任何地方都可以正常工作 有什么想法吗 <html><head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> <!--[if
<html><head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/modernizr.js"></script>
<![endif]-->
<script type="text/javascript" src="js/video.js"></script>
<script>
$(document).ready(function () {
$('.play').click(function(){ $('video').get(0).play(); });
});
</script>
</head>
<body>
<div id="wrapper">
<video id="example_video_1" class="video-js vjs-default-skin" preload="none" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup="{}">
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
<track kind="captions" src="captions.vtt" srclang="en" label="English" />
</video>
<a href="#" class="play">play</a>
</div>
</body></html>
$(文档).ready(函数(){
$('.play')。单击(函数(){$('video')。获取(0.play();});
});
您的编码问题在于您的代码:
$('video').get(0).play();
只适用于本机HTML5播放器。由于IE7/8都不支持HTML5
元素,它们都会看到Video.js提供的Flash回退
你应该看一下这张照片。请尝试以下操作,而不是使用上述代码:
myPlayer = _V_('example_video_1');
$('.play').click(function(){
myPlayer.play();
});