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

h5页面添加

首先，在安卓系统下，各种坑，这里暂时不多介绍。

重点，在苹果系统下，点击都不好使

如添加点击事件

$('#play').on('click', function() {
    $('#myVideo').get(0).play();
    });

测试结果是没反应，如何解决这个问题呢，这里苹果系统存在的bug
解决的方法很巧妙，就是给需要绑定事件的元素添加一个css cursor: pointer 。
.play-btn {
cursor:pointer
}

这样就可以轻松解决这个问题，希望对大家有所帮助。