苹果手机浏览器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
}

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