Javascript kaltura在同一页面上有多个玩家
我试图在同一个页面上嵌入多个播放器,但到目前为止没有成功。为了嵌入播放器,我们需要一个唯一的target_id来定位DOM元素,然后是特定视频的entry_id。这是通过以下功能完成的:Javascript kaltura在同一页面上有多个玩家,javascript,jquery,video-player,kaltura,Javascript,Jquery,Video Player,Kaltura,我试图在同一个页面上嵌入多个播放器,但到目前为止没有成功。为了嵌入播放器,我们需要一个唯一的target_id来定位DOM元素,然后是特定视频的entry_id。这是通过以下功能完成的: function embedPlayer() { var linkPart = $('#uniqueTarget').data('entry'); var conf = { "targetId": "uniqueTarget", "wid": "_1912616", "uicon
function embedPlayer() {
var linkPart = $('#uniqueTarget').data('entry');
var conf = {
"targetId": "uniqueTarget",
"wid": "_1912616",
"uiconf_id": "37591811",
"entry_id": linkPart,
"flashvars": {
"controlBarContainer.plugin": false,
"inlineScript": false
}
};
kWidget.thumbEmbed(conf);
}
下面是相关的HTML,每当用户想要嵌入视频时,它都会从WordPress动态创建:
<div style="width: 100%; display: inline-block; position: relative;">
<div class="theRatio"></div>
<div id="uniqueTarget" data-entry="'+ linkPart +'"
style="position:absolute;top:0;left:0;right:0;bottom:0">
</div>
</div>
不幸的是,如果我尝试在同一页面上嵌入第二个播放器,它只会对第一个播放器执行API调用,而第二个播放器(或者其他播放器,如果更多的话)将留给我纯HTML,并且调用没有完成。上有一篇关于此问题的文章,但不幸的是,我的知识有限,我需要一些帮助。Kaltura建议在一个页面上有多个播放器时使用thumb embed-这将嵌入在单击时播放的缩略图: 拇指嵌入 此方法采用与动态嵌入相同的参数。当用户“单击”播放按钮时,缩略图嵌入将整个配置传递给kWidget.embed。当您需要在同一网页中嵌入多个播放器/条目时,建议使用此方法。ThumbEmbed的语法与kWidget.embed(动态嵌入)相同,只是我们称之为“kWidget.ThumbEmbed”而不是“kWidget.embed” 这里有更多信息,包括示例Javascript和示例缩略图:
mw.setConfig(“EmbedPlayer.DisableContextMenu”,true);
kWidget.thumbed({
'targetId':'myEmbedTarget',
“wid”:“U 243342”,
'uiconf_id':'12905712',
“条目id:”0_uka1msg4“,
});
为每个视频创建DIV容器-为它们指定唯一的ID,然后您可以针对它们创建任意数量的视频。确保已加载kWidget脚本。将此脚本放在页面中:
function _embedVideo(targetId,wid,uiconf_id,flashvars,entry_id,cb){
kWidget.embed({
targetId: targetId,
wid: wid,
uiconf_id: uiconf_id,
flashvars: flashvars || {},
entry_id: entry_id,
readyCallback: cb
});
}
对于每个视频,按如下方式加载:
_embedVideo('id-of-div-container','wid-here','uiconfid-here',null,'entryid-here',yourCallbackFunc);
这就是我在页面中创建多个视频的方式。请确保指定回调函数,否则传递null