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}

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