h5页面增加<video>标签,就是一个大坑,我在这里分享一下本身的一点点小的履历:
<video id=”myVideo” src=”video/myflash.mp4″ x5-video-player-type=”h5″ controls></video>
<div id=”play” class=”play-btn”></div>
起首,在安卓体系下,种种坑,这里临时不多引见。
重点,在苹果体系下,点击都不好使
如增加点击事宜
$('#play').on('click', function() {
$('#myVideo').get(0).play();
});
测试结果是没反应,怎样处理这个题目呢,这里苹果体系存在的bug
处理的要领很奇妙,就是给须要绑定事宜的元素增加一个css cursor: pointer 。
.play-btn {
cursor:pointer
}
如许就能够轻松处理这个题目,愿望对人人有所协助。