WebLabyrinth site image

WebLabyrinthWebに関する様々なメモや個人的実験を行うサイトです

Navi box open

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

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

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

Youtube-loop-player

【使い方】

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

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

Youtube loop player – jQuery + ActionScript3.0 + PHP

この記事を書いた人

ニックネーム: SHIBAZAKI
ブログ: https://weblabyrinth.net

北海道旭川市でweb関係のお仕事をしています。

Trackback URL

https://weblabyrinth.net/youtube-loop-player/trackback/

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください