我使用了像这样的视频标签
<video class="inview-video" poster="http://www.hillarycoe.com/wp-content/uploads/2017/07/Pasted-image-at-2017_07_26-06_51-PM.png" muted="" controls="controls" width="300" height="150"><source src="http://www.hillarycoe.com/wp-content/uploads/2017/07/04-LETS-RETHINK-HS_simple.mp4" type="video/mp4" /></video>
它适用于所有浏览器。但它不适用于iPhone。就像视频在视图后自动播放一样。为此
jQuery(document).ready(function($) {
jQuery('video.inview-video').on('inview', function(event, isInView) {
if (isInView){
jQuery(this).css('visibility','visible').trigger('play');
}
else {
jQuery(this).css('visibility','hidden').trigger('pause');
}
});
});
视频正在运行。但它不适用于Iphone 6.并显示播放按钮。