videojs动态设置sources

柔情只为你懂 2022-04-14 03:11 659阅读 0赞

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();
    	});
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，659人围观）

还没有评论，来说两句吧...

相关阅读

相关 source insight设置

文网址：[source insight设置\_IT利刃出鞘的博客-CSDN博客][source insight_IT_-CSDN] 设置文件位置 C:\\User...

小咪咪/ 2024年04月17日 05:53/ 0 赞/ 73 阅读

相关 maven设置target以及source版本

jdk的向下兼容：就是高版本jdk可以编译出低版本的编译版本；低版本的编译版本可以运行在高版本上的jdk上 \----------------------------

ゞ浴缸里的玫瑰/ 2022年12月22日 06:29/ 0 赞/ 243 阅读

相关 web视频播放器videojs

VideoJS 下载 Video.js CDN npm安装创建播放器设置自动设置手动设置

￡神魔★判官ぃ/ 2022年09月05日 12:39/ 0 赞/ 318 阅读

相关 videojs动态设置sources

var player; $(document).ready(function() { player = videojs('my_video_

柔情只为你懂/ 2022年04月14日 03:11/ 0 赞/ 660 阅读

相关 VideoJs使用总结

VideoJs简介 VideoJs是用于视频播放的javascript的库。 [官方文档][Link 1] 使用方法 <div class="video

偏执的太偏执、/ 2022年03月02日 05:10/ 0 赞/ 850 阅读

相关 videoJs播放视频

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

约定不等于承诺〃/ 2022年02月14日 02:55/ 0 赞/ 518 阅读

相关 Source Insight 常用设置

1、背景色选择要改变背景色Options->preference->windows background->color设置背景色 2、解决字符等宽对齐问题 SIS默

怼烎@/ 2022年01月09日 11:07/ 0 赞/ 265 阅读

相关 videojs坑

data-setup="\{ 'html5' : \{ 'nativeTextTracks' : false \} \}"会报错！！！！ data-setup='\{ "ht

蔚落/ 2021年12月11日 07:04/ 0 赞/ 389 阅读

相关 videojs

转自：[https://www.awaimai.com/2053.html][https_www.awaimai.com_2053.html] 1 初始化

柔情只为你懂/ 2021年12月11日 06:31/ 0 赞/ 370 阅读

相关 videojs中文文档详解

[https://blog.csdn.net/a0405221/article/details/80923090][https_blog.csdn.net_a0405221_a

小咪咪/ 2021年11月22日 08:31/ 0 赞/ 1098 阅读