Limelight视频播放器||如何使用它播放HTML5视频

时间:2017-07-26 11:18:07

标签: javascript html5 flash video aem

目前,我正面临着Limelight播放器的问题。它正在使用Limelight播放器播放Flash视频,播放器ID是为Flash视频传递的参数。

Flash播放器视频引起问题,我们需要改变播放HTML5视频的方法而不是flash播放器。但是我无法查看或找到任何相关代码,其中来自limelight播放器的视频流可以输入HTML5播放器

使用HTML5播放器播放Limelight视频的任何建议或代码段将非常有用。

此致

1 个答案:

答案 0 :(得分:2)

我目前正在研究它并且它有点复杂,但这里是风头之光:

   <div id="limelight_player_659410"></div><script src="//video.limelight.com/player/limelightjs-player.js"></script>
<script>LimelightPlayerUtil.embed({"height":321,"playerId":"limelight_player_659410","width":480,"mediaId":"c3713feac461425e8889d55689358352","playerForm":"Player"});</script>

第一种方法是创建风头回调函数:

function limelightPlayerCallback(playerId, eventName, data) {
   console.dir(data); 
   colsole.log(data.thumbnailUrl);
   console.log(data.title);
   console.log(data.description);

}

所以当你打电话时: LimelightPlayerUtil.embed({&#34; width&#34;:&#34; 480px&#34;,&#34; height&#34;:&#34; 300px&#34;,&#34; playerId&#34;: &#34; HEREISYOURcontainerID&#34;,&#34; mediaId&#34;:&#34; HEREisYOURmediaId&#34;,&#34; playerForm&#34;:&#34; Player&#34;});

您的limelightPlayerCallback将获得&#34;数据&#34;。

现在您可以在控制台中看到所有data.proprties,并使用您想要操作HTML5视频标签和显示数据的那个。

第二种方法:不确定此链接是否有效,但是我能够从我正在进行的调用中获取该链接:

https://production-ps.lvp.llnw.net/r/PlaylistService/media/d7d5b0ec19e1441781c3df4209fe5cb6/getMobilePlaylistByMediaId

此链接将返回包含所有属性的JSON。请注意&#34; d7d5b0ec19e1441781c3df4209fe5cb6&#34;是视频ID,因此请替换并使用您的任何视频ID。一旦你获得JSON,你将获得URL,你可以注入HTML5视频标签:)