YouTubeチャンネルの動画を古い順に自動再生するサイト

イメージ
というのを作ってみました   動画URL、チャンネルURL、@ハンドル等を入力するとチャンネルが追加されます 検索機能はないのでチャンネル名を入れても追加できません 動画の再生位置はチャンネルごとに保存します チャンネルを切り替えて、途中から視聴を再開する事ができます 動画数が余りに多いとブラウザが重くなり、最悪クラッシュします １０００本以上の動画を持つチャンネルの追加は避けた方が無難です YouTube Channel Auto Player
コメントを投稿

XMLで記述したメモをフォルダツリー風に表示(2)

各フォルダの開閉状態は、ページをリロードすると元に戻ってしまいます。
これを、リロードしても開閉状態を維持するよう[tree.xsl]を修正します。


フォルダの開閉状態をクッキーに保存するため、JavaScriptのコードがかなり増えてしまっています。
またクッキーは容量に上限があるので、あまりフォルダ数が多くなると正常に動作しなくなる恐れがあります。

ブラウザで表示させると、













[Reset all]を押すと開閉状態を初期状態に戻します。
[Open all]を押すと全フォルダが全開状態になります。ただし開閉状態は書き換えないので、リロードすれば元にもどります。

※フォルダ数は子フォルダのみカウントするように修正
※ソースコードが誤った表記になっていたため修正 2012.09.21

コメント

コメントを投稿

このブログの人気の投稿

livedoorブログでコメントIDを表示させる。いいね（ハート）機能つき。

概要 この一つ前の記事より数日前にチャレンジしていた事で、コメントIDを表示させて更にハート機能も動作するようにしたコードです。前の記事の方が機能的には上なので、敢えてこちらを使う必要性はないでしょう。 管理人だけが付与できるハート機能は未実装です。 現存するlivedoorブログでも同等の動作をするサイトが複数あるので、このような実装は既に知られているのだと思います。 スマホ用の設定ではソースを編集する事ができない為、PC用画面のみの対応です。 表示サンプルのブログ 設定手順 １．livedoorブログの管理画面から、【ブログ設定】→【デザイン / ブログパーツ設定】-【PC】→【カスタマイズ】→【個別記事ページ】と辿ってソースコードを表示します。 ２．ソースから<$CommentsList$>を探して、それを削除し代わりに以下のコードを挿入します。 挿入するコード： <!-- CommentsList --> <div class="article-option" id="comments-list"> <ol id="ld_blog_article_comment_entries"> <!-- CommentsLoop Start --> <AllCommentsLoop> <IfCommentStatus> <li class="comment-set v2 odd" id="comment-<$CommentNumber$>"> <!-- コメントNo,コメント日時,コメントid,コメント★,コメント本文--> <ul class="comment-info"> <li class="comment-author"> <$CommentNumber$>.&nbsp; ...
続きを読む »