JS特效第30弹：HTML5视频播放器美化插件

马coder

于 2023-12-17 18:00:00 发布

阅读量86

点赞数

文章标签： javascript html5 开发语言

本文链接：https://blog.csdn.net/weixin_38343072/article/details/134939280

版权

HTML5视频播放器美化插件是一款简单的MP4影音视频播放器代码，先来看看效果：

一部分关键的代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5视频播放器美化插件 - PHP中文网</title>

<link rel="stylesheet" href="dist/plyr.css">

<script src="dist/plyr.js"></script>
<style>
	body{background-color: #262626}
	.m{ margin-left: auto; margin-right: auto; width: 640px; margin-top: 100px; }
	
</style>

</head>
<body>

<div class="m">
	<video poster="vs.png" controls>
	  <source src="http://www.jplayer.org/video/m4v/Incredibles_Teaser.m4v" type="video/mp4">
	  <!-- <source src="path/to/video.webm" type="video/webm">-->
	  <!-- Captions are optional -->
	</video>
	<script>plyr.setup();</script>
</div>


</body>
</html>

全部代码：HTML5视频播放器美化插件.zip