本实例使用了video.js 组件,请自行引用
HTML:
<div class="video-js"><video id="my-video_html5_api" src="这里放mp4链接"></div>
JS:
<script type="text/javascript"> // 在此处为点击video,和点击按钮,都添加上事件,来处理视频的播放暂停; $(function () { $('.video-js').on('touchstart','#my-video_html5_api',function () { $("video")[0].pause(); $('.vjs-big-play-button').show(); }) $('.video-js').on('touchstart','.vjs-big-play-button',function () { $("video")[0].play(); $('.vjs-big-play-button').hide(); }) }) </script>