videojs 动态加载视频

转载于 2015-12-18 12:33:00 发布 · 1.5k 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fsong/p/5056694.html

本文介绍了如何使用VideoJS通过RESTful API动态更改RTMP源的方法，并解决了在压缩后的video.js构建中更改RTMP源时出现的'Undefined'问题。文中还提到了在HTML5 video元素上使用loop属性时，如何正确处理视频结束事件。

VideoJS dynamic source change via RESTful API

'Undefined' issue with changing RTMP source on compressed video.js build #1612

Dynamically change RTMP source #1399

根据这些问题，处理好了动态加载视频部分，src使用对象数据的方式存放，动态资源在ready的时候放入，嘻嘻

 1 var story_sources = [{
 2     type:"video/mp4",
 3     src:baseurl+"story1/Trainer"+uservtId+"_story1_small.mp4"
 4 },{
 5     type:"video/webm",
 6     src:baseurl+"story1/Trainer"+uservtId+"_story1_small.webm"
 7 }];
 8 var story_player = videojs('storyVideo');
 9 story_player.ready(function () {
10     var obj  = this;
11     obj.src(story_sources);
12     obj.load();
13 });