Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript kaltura在同一页面上有多个玩家_Javascript_Jquery_Video Player_Kaltura - Fatal编程技术网

Javascript kaltura在同一页面上有多个玩家

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

我试图在同一个页面上嵌入多个播放器,但到目前为止没有成功。为了嵌入播放器,我们需要一个唯一的target_id来定位DOM元素,然后是特定视频的entry_id。这是通过以下功能完成的:

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和示例缩略图:

此链接中的示例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