【自分用】youtubeの動画をループさせるwebプレイヤー – Youtube loop player

プログラムの勉強のために作成。

前回のyoutubeの動画をループさせるスクリプトを改良し、お気に入りの動画をローカルにマイリストとして保存可能にしてみました。

【使い方】

• 上部入力フォームからyoutubeのアドレスを入力するとマイリストに保存されます。
• 下部入力フォームにワードを入力すると、youtubeから関連動画を検索可能。お好みの動画をクリックするとマイリストに保存されます。
• 画面右側のマイリストをクリックすると、登録された動画が無限ループで再生されます。
• マイリストの保存はFLASHのローカルストレージ領域を利用。HTML5のストレージを使用しようと思ったけど古いブラウザが対応していないのでまたの機会に。
• マイリストのアイテムにマウスを乗せるとバツマークが出るので、押すとその動画はリストから削除されます。
• マイリストの状態をローカルに保存するタイミングは、動画をマイリストに追加する時です。動画を削除するときは保存されませんので、画面右上にある「save」ボタンを押してください。
• マイリストはローカルに保存されるため、別の端末からアクセスするとマイリストはもちろん初期状態になっています。

※youtubeの仕様変更でループ再生されなくなる可能性があります。

Youtube loop player – jQuery + ActionScript3.0 + PHP