需要完整代码和视频请评论后加前端群470593776领取javascript进阶课题：HTML5迷你音乐播放器学习疲惫了，代码敲累了，听听自己做的的音乐播放器，放松与满足知识点：for循环语句，DOM概念，元素获取，动态布局，字符串切割， 节点操作，audio标签，歌曲监听事件等 音乐播放器，如果没有歌词的话，很容易做的，布局也很简单，
如果想在自己的网站中播放视频，用哪个播放器好呢？当然你可以用某ku、某艺的播放。这不是我们今天讨论的东西。今天我们说说plyr这个播放器；第一步：引入css文件：
Plyr 是一个简单的 HTML5 媒体播放器，包含自定义的控制选项和 WebVTT 字幕。它是只支持现代浏览器，轻量，方便和可定制的媒体播放器。还有的标题和屏幕阅读器的全面支持。预览：http://plyr.io/下载地址：http://www.qietu.cn/thread-15158-1-1.html
Web项目开发中视频播放是一个非常常见的需求，需要播放器能够支持pc端和移动端的使用，并且支持常见的视频格式。我们从github上精选了5款优秀的Html5 播放器插件分享给大家。（排名不分先后）Ckplayerckplayer是一款在网页上播放视频的开源软件，主要特点是：开源，功能强大，不依赖其它插件，二次开发方便。
在日常前端开发工作中，我们经常需要在网页中嵌入视频播放器。
简介MuiPlayer 是一款 HTML5 视频播放插件，其默认配置了精美可操作的的播放控件，涉及了常用的播放场景，例如全屏播放、播放快进、循环播放、音量调节等功能。
最近我在使用的一款简单容易集成的 web 视频播放组件，支持播放 B站弹幕。