苹果手机浏览器video点击无效的题目

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
}

如许就能够轻松处理这个题目,愿望对人人有所协助。

    原文作者:sourcenode
    原文地址: https://segmentfault.com/a/1190000009781759
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞