代码之家 › 专栏 › 技术社区 › SeaBass

从表内容生成videojs播放列表?

video.js jquery javascript

SeaBass · 技术社区 · 7 年前

var playlist_content = [{
  sources: [{
    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
    type: 'video/mp4'
  }],
  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
}, {
  sources: [{
    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
    type: 'video/mp4'
  }],
  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
}];

player.playlist(playlist_content);

通过从此表中获取数据:

<table>
    <tr data-src="http://media.w3.org/2010/05/sintel/trailer.mp4" data-type="video/mp4" data-poster="http://media.w3.org/2010/05/sintel/poster.png"><td>Video 1</td></tr>
    <tr data-src="http://media.w3.org/2010/05/bunny/trailer.mp4" data-type="video/mp4" data-poster="http://media.w3.org/2010/05/bunny/poster.png"><td>Video 2</td></tr>
</table>

我的非工作尝试:

var playlist_content = {};
$("table tr").each(function() {
    playlist_content[]["sources"]["src"]    = $(this).data('src');
    playlist_content[]["sources"]["type"]   = $(this).data('type');
    playlist_content[]["poster"]            = $(this).data('poster');
});
player.playlist(playlist_content);

1 回复 | 直到 7 年前

SeaBass 7 年前

var playlist_content = [];
var index = 0;
$("table tr").each(function() {
    playlist_content[index]                      = {};
    playlist_content[index]["sources"]           = [];
    playlist_content[index]["sources"][0]        = {};
    playlist_content[index]["sources"][0]["src"] = $(this).data('src');
    playlist_content[index]["sources"][0]["type"]= $(this).data('type');
    playlist_content[index]["poster"]            = $(this).data('poster');
    index++;
});
player.playlist(playlist_content);

推荐文章

Alocus · 在Vuejs组件中使用videojs vr

7 年前

ep84 · Angularjs控制器未使用服务注册Annyang语音识别

8 年前

xendi · Videojs响应灯箱不工作

8 年前

SeaBass · 如何使用videojs播放列表?

8 年前

mdash1 · 使用props从子类访问/更改父类状态(React)

8 年前

Abanoub · videojs多种音频语言

8 年前

Swap · 向Polymer添加外部JS库

8 年前

Mustafa Dwaikat · 如何防止跳过iPhone ios视频播放器上的广告?

9 年前

Parth Solanki · 使用java和video.js从inputstream加载视频

10 年前

user2832704 · Video.js自动加载字幕/字幕

12 年前