JWプレイヤーという、JavaScriptを使った動画プレイヤーなのですが、
関連動画表示の機能があるようで使ってみたいと思っています。
JWplayer | Related Videos
上記がリファレンスで説明があるのですが、英語と知識が乏しく読みきれません。
組み込み用のコードは載っているのですが・・・
関連動画を表示するのに、JSONファイルが必要と書いてあるように読めるのですが、
JOSNファイルにまとめた動画を読み込んでその中から動画を表示させるような仕組みなのでしょうか?
どのようなJSONファイルが必要なのか(リストにしないと使えないのか)分からないので、
もう少し詳しくわかると幸いです。
どうかお力をお借りできればと思います。
何卒、よろしくお願い致します。
###追記(不明点がもう少し明確になりました)
どうにか読み解いていったところ、関連動画を表示するところまで辿りつけました。
relatedで指定しているfile: "/relateds.json"
は、cakePHPのrelatedsコントローラーのindexアクションを
ルーティングでrelated.jsonでアクセス出来るようにし、json形式で出力しています。
そして、下記のようにoncomplete: "autoplay"
に設定していると、関連動画が表示されるようになりました。
しかし、自動再生ではなくoncomplete: "show"
やoncomplete: "hide"
を指定したいのですが、そのように変更すると表示されなくなってしまいます。
デベロッパーツールで確認したところ、表示できない時は
RELATED: Related feed entries do not contain the necessary data.
とエラーが出ているようです。
エラー文で調べたり、リファレンスを読みなおしていますが原因が分かりません。
自力でも頑張りますが、何か分かる方がいらっしゃいましたらお力添えいただけると幸いです。
よろしくお願い致します。
PHP
1var playerInstance = jwplayer("container"); 2 playerInstance.setup({ 3 file: "ファイルURL", 4 image: "ファイルURL", 5 related: { 6 file: "/relateds.json", 7 onclick: "link", 8 oncomplete: "autoplay", //ここを"show"など別の指定にすると関連動画が表示できない 9 heading: "関連動画を見る" 10 } 11});
json
1[{ 2"file": "ファイルURL", 3"image": "ファイルURL", 4"title": "My Video1" 5"" 6}, 7{ 8"file": "ファイルURL", 9"image": "ファイルURL", 10"title": "My Video2" 11}] 12
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。