web前端 html5 直播功能开发

a928200728

于 2018-04-27 00:59:02 发布

阅读量2.4w

点赞数 8

CC 4.0 BY-SA版权

分类专栏： javascript html5 文章标签：直播 html5 扩平台 web前端

本文链接：https://blog.youkuaiyun.com/a928200728/article/details/80102174

一、 video.js 视频播放

github：https://github.com/videojs/video.js

基础代码：

<script src="https://unpkg.com/video.js/dist/video.js"></script>

<video
		id="my-player"
		class="video-js vjs-default-skin vjs-big-play-centered"
		controls
		preload="auto" x5-playsinline="" playsinline="" webkit-playsinline="" poster=""
		data-setup='{"example_option":true}'>
</video>

	var player = videojs('my-player', options, function onPlayerReady() {
		videojs.log('Your player is ready!');

		// In this context, `this` is the player that was created by Video.js.
		this.play();

		// How about an event listener?
		this.on('ended', function() {
			videojs.log('Awww...over so soon?!');
		});
	});