videojs动态设置sources

var player;

$(document).ready(function() {
	player = videojs('my_video_1', {
		techOrder: ['flash', 'html5'],
		autoplay: true,
		sources: [{ 
			type: "video/flv",
			src: "http://www.longtailvideo.com/jw/upload/bunny.flv"
		}]
	});
	
	
	$('a.one').on('click', function() {
		changeSource({ 
			type: "video/webm",
			src: "http://upload.wikimedia.org/wikipedia/mediawiki/d/d1/Wikipedia_on_Google_Glass_screencast_test.webm"
		});
	});
	
	$('a.two').on('click', function() {
		changeSource({ 
			type: "video/flv",
			src: "http://www.mediacollege.com/video-gallery/testclips/20051210-w50s_56K.flv"
		});
	});
});

function changeSource(src) {
	player.pause();
	player.currentTime(0);
	
	player.src(src);
	
	player.ready(function() {
		this.one('loadeddata', videojs.bind(this, function() {
			this.currentTime(0);
		}));

		this.load();
		this.play();
	});
}

猜你喜欢

转载自blog.csdn.net/boyit0/article/details/84396169