Ooyala播放器setembedcode

时间:2012-08-01 13:33:01

标签: html5 ooyala

我正在尝试在我的代码中实现Ooyala的播放器,我被告知如果我想使用按钮来切换视频播放器的内容,那么我应该使用setEmbedCode函数,但他们在其网站上的示例不是很清楚。

我想要发生的只是一个链接,点击后会将视频更改为不同的URL /嵌入代码。我尝试过使用'setQueryStringParameters'

document.getElementById('video-player'+pageNum).setQueryStringParameters({embedCode:videoURL})

我所得到的只是:

  

'不是功能消息。'

var url = 'http://player.ooyala.com/player.js?embedCode='+videoURL+'&targetReplaceId=video-player'+pageNum+'';
var tempScript = document.createElement('script');
tempScript.type = 'text/javascript';
tempScript.src = url;

当我打电话给它时,它会创建视频播放器,但我不确定如何在创建后更改嵌入代码。

1 个答案:

答案 0 :(得分:1)

从ooyala网站查看此示例代码。 “SwitchMovie”将使用不同的嵌入代码播放不同的视频。

http://demo.ooyala.com/product-demos/playerScripting-demo.html

document.getElementById('player').setQueryStringParameters({embedCode:'8wNTqa-6MkpEB1c7fNGOpoSJytLptmm9',hide:'share,fullscreen'})

<强>更新

以下代码对我来说非常合适。尝试一下,正如我在下面的评论中提到的,如果你需要与播放器接口,你需要有一个回调函数。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Swap Video</title>
</head>
<body>
<script src="http://player.ooyala.com/player.js?callback=receiveOoyalaEvent&playerId=player&width=480&height=360&embedCode=llMDQ6rMWxVWbvdxs2yduVEtSrNCJUk1&version=2"></script>
<script>
function receiveOoyalaEvent(playerId, eventName, eventArgs) {
}
</script>
<br><br>
<button onclick="document.getElementById('player').setQueryStringParameters({embedCode:'8wNTqa-6MkpEB1c7fNGOpoSJytLptmm9',hide:'share,fullscreen'})">Switch Movie</button>
</body>
</html>