mgtv - 素材

当前位置:Gxlcms > 播放器 > HTML5+CSS3视频播放器

HTML5+CSS3视频播放器

时间:2021-07-01 10:21:17 帮助过:0人阅读

HTML5+CSS3视频播放器

HTML5+CSS3视频播放器

下载量:0 类别:进度条

浏览量:0

HTML5+CSS3视频播放器 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>