The latest articles on DEV Community by Leisbanon (@leisbanon). https://dev.to/leisbanon https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F712127%2Fcfa7b033-3c2f-479e-b3e8-87210db987cb.jpeg https://dev.to/leisbanon en Leisbanon Fri, 24 Sep 2021 02:39:01 +0000 https://dev.to/leisbanon/recommend-an-excellent-html5-video-player-framework-muiplayer-3gk8 https://dev.to/leisbanon/recommend-an-excellent-html5-video-player-framework-muiplayer-3gk8 <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff1gkbzufe463gqwj8xkv.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff1gkbzufe463gqwj8xkv.png" alt="Desktop"></a></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftvz7whx9idi0ew2or025.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftvz7whx9idi0ew2or025.png" alt="Mobile"></a></p> <p><a href="https://muiplayer.js.org/" rel="noopener noreferrer">Docs</a> | <a href="https://github.com/muiplayer/hello-muiplayer/" rel="noopener noreferrer">Github</a></p> <h2> Introduction </h2> <p>MuiPlayer is an HTML5 video playback plug-in, which is configured with exquisite and operable playback controls by default, involving common playback scenarios, such as full-screen playback, playback fast forward, loop playback, volume adjustment, video decoding and other functions.</p> <p>Support mp4, m3u8, flv and other media formats to play, solve most compatibility problems, and adapt to play on PCs and mobile phones.</p> <p>MuiPlayer has a wealth of parameters to customize the player instance, and the video playback of the customized scene can be completed through easy configuration.</p> <h2> Features </h2> <p>MuiPlayer helped us solve some common problems in daily H5 Video application development:</p> <ol> <li>The ui of different browser platforms cannot be unified</li> <li>Conflicts between ui extensions and state processing are prone to</li> <li>In different environments (android, ios, pc), h5 video api may trigger events at different times</li> <li>There are various compatibility issues with media formats, muiplayer handles most of the compatibility issues when playing in different environments</li> <li>Repeated stepping on some pits in the process of developing h5 video, we provide a complete solution, so that developers can avoid some detours</li> </ol> video html player muiplayer