1

コードに 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;

これを呼び出すと、ビデオ プレーヤーが正常に作成されますが、作成された埋め込みコードを変更する方法がわかりません。

4

1 に答える 1

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>
于 2012-08-01T13:46:09.503 に答える