kaltura mehrere Spieler auf der gleichen Seite

Question

Ich versuche, mehr als einen Spieler auf der gleichen Seite einzubetten, aber das hat bis jetzt keinen Erfolg. Um den Player einzubetten, benötigen wir eine eindeutige target_id, um das Element des DOM und dann die entry_id des jeweiligen Videos anzusprechen. Dies wird in der folgenden Funktion getan:

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

Hier wird die zugehörige HTML ist, die dynamisch von Wordpress jedes Mal erstellt wird, dass der Benutzer ein Video einbetten will:

<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> 

Leider wenn ich einbetten versuchen ein zweiter Spieler auf der gleichen Seite wird nur den API-Aufruf für den ersten Spieler machen und der zweite (oder der Rest, falls mehr) wird mich mit reinem HTML verlassen und der Anruf wird nicht gemacht. Es gibt einen Artikel über das Problem bei , aber leider ist mein Wissen begrenzt und ich würde etwas Hilfe brauchen.

Answer 1

Kaltura empfehlen Daumen einbetten zu verwenden, wenn Sie auf einer Seite mehrere Spieler haben - diese Thumbnails einbetten, die spielen werden, wenn sie angeklickt werden:

Thumb Embed

Diese Methode die gleichen Argumente wie die Takes dynamische Einbettung Thumbnail-Einbettung übergibt die gesamte Konfiguration an das "kWidget.embed", wenn der Benutzer auf die Schaltfläche "Abspielen" klickt. Dies ist die empfohlene Methode, wenn Sie mehrere Player/Einträge auf derselben Webseite einbetten müssen. Die Syntax für ThumbEmbed ist identisch mit kWidget.embed (dynamisch einbetten), außer wir „kWidget.thumbEmbed“ statt „kWidget.embed“ nennen

Es gibt mehr Informationen, einschließlich Beispiel Javascript und Beispiele ist Thumbnails hier:

• http://player.kaltura.com/docs/thumb

Beispiel Javascript von diesem Link (Sie können in einem Browser-Debugger auf der Seite sehen auch genau zu sehen, wie sie es eingerichtet haben):

<div id="myEmbedTarget" style="width:400px;height:330px;"></div> 
<script src="{{HTML5LibraryURL}}"></script> 
<script> 
    mw.setConfig("EmbedPlayer.DisableContextMenu",true); 
    kWidget.thumbEmbed({ 
     'targetId': 'myEmbedTarget', 
     'wid': '_243342', 
     'uiconf_id' : '12905712', 
     'entry_id' : '0_uka1msg4', 
    }); 
</script> 

Answer 2

Erstellen Sie DIV-Container für jedes Ihrer Videos - geben Sie ihnen eindeutige IDs, dann können Sie sie zielen und so viele Videos erstellen, wie Sie möchten. Stellen Sie sicher, dass das Skript kWidget geladen ist. Setzen Sie dieses Skript in Ihre Seite ein:

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

Für jede Ihrer Videos, laden Sie sie wie folgt:

_embedVideo('id-of-div-container','wid-here','uiconfid-here',null,'entryid-here',yourCallbackFunc); 

Dies ist, wie ich mehrere Videos in meinen Seiten erstellen. Stellen Sie sicher, dass Sie einen Callback angeben, sonst übergeben Sie null.