jquery video.js

最新推荐文章于 2022-06-13 11:43:23 发布

博迪

最新推荐文章于 2022-06-13 11:43:23 发布

阅读量1.9k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/weixin_43033775/article/details/93884091

版权

jquery 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>Video.js 7.4.1</title>
	<link rel="stylesheet" href="http://www.ecochina.net/static/v3/css/video-js.css">

	<style>
		body {
			background-color: #191919
		}

		.m {
			width: 960px;
			height: 400px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 100px;
		}

		#video_box {
			width: 1000px;
			height: 600px;
		}

		.video-js,
		video {
			width: 100% !important;
			height: 100% !important;
		}
	</style>
</head>

<body>
	<div class="m">
		<div id="video_box">
			<video id='example-video' class="video-js vjs-default-skin Fn vjs-big-play-centered" controls>
				<source src="http://cmsvideo2.pg0.cn/group1/M00/01/6E/CgoN1Vx7PpeARI7WAAAAmqcIvYY31.m3u8"
					type="application/x-mpegURL">
			</video>
		</div>
		<script type="text/javascript" src="http://www.ecochina.net/static/v3/js/video.js"> </script>
		<script>
			var videojs = videojs('example-video', {
				controls: true, //是否控制条
				autoplay: false, //自动播放
				preload: 'auto', //预加载

			});
		</script>
	</div>
</body>

</html>

博迪

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jquery video.js

<!doctype html><html><head> <meta charset="utf-8"> <title>Video.js 7.4.1</title> <link rel="stylesheet" href="http://www.ecochina.net/static/v3/css/video-j...
复制链接

扫一扫