How to use the cross-screen video playback H5 achieve full-screen, gesture slide up and down to adjust the volume, fast forward and reverse sliding around

Now most of the players have achieved a gesture slide up and down to adjust the volume, fast forward and backward sliding around in most app is almost a mainstream configuration. If a video feature in the app, but without these basic functions, the user experience is poor. Because normal use 5+ Runtime, with the H5 Video label to implement no trouble. Mainly to test hls.js, playing m3u8 address to do a demo.

Get all the source code