HTML5+CSS3视频播放器
时间：2021-07-01 10:21:17 帮助过：0人阅读
HTML5+CSS3视频播放器是一款基于jquery+css3+html5实现的自定义视频播放器效果。本作品由【站长素材】收集整理，转载请注明出处！
<head>
<title>HTML5+CSS3自定义视频播放器 - mgtv素材</title>
<link rel='stylesheet' type='text/css' href='style.css' />
<style type="text/css">
</style>
<script src='jquery.js'></script>
<script src='javascript.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
$('video').videoPlayer({
'playerWidth' : 0.95,
'videoClass' : 'video'
});
});
</script>
</head>
<body>
<div class="container">
<video width="700" height="400">
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
</video>
</div>
<div style="text-align:center;clear:both">
<p>适用浏览器：FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。</p>
<p>来源：<a href="https://www.mgtv.xyz" target="_blank">mgtv素材</a></p>
</div>
</body>