20个html5视频播放器及代码

HTML5视频播放器是一种用于在网页中播放视频的技术，它具有跨平台、无需第三方插件等优点。下面是20个常用的HTML5视频播放器及其代码：

1. Video.js播放器：
使用Video.js播放器，需要在页面头部添加相应的CSS和JS文件引用。然后，使用以下代码创建一个视频播放器：

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}">
<source src="video.mp4" type="video/mp4">
</video>

2. Plyr播放器：
Plyr播放器使用简单，只需在页面头部引用Plyr的CSS和JS文件，然后使用以下代码添加一个视频播放器：

<video controls crossorigin playsinline>
<source src="video.mp4" type="video/mp4">
</video>

3. JW Player播放器：
JW Player是一个功能强大的HTML5视频播放器，创建一个播放器需要使用一些JS代码，如下所示：

<div id="player"></div>
<script>
var playerInstance = jwplayer("player");
playerInstance.setup({
file: "video.mp4",
height: 360,
width: 640
});
</script>

4. MediaElement.js播放器：
MediaElement.js是一个全功能的HTML5媒体播放器库。使用以下代码创建一个视频播放器：

<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
</video>
<script src="mediaelement-and-player.min.js"></script>

其他常用的HTML5视频播放器还有DPlayer、CKPlayer、HLSPlayer等，使用方法可在官网上查找相关文档。希望以上回答对您有帮助！