ブログ小技．ランダム動画表示してみました．

ブログはbloggerを使っています．

パソコンから見た場合ですが，

右のところに「最近の演奏動画」を

出しておりました．




それを「ランダム動画表示」にしてみた

という話でございます．

なんとも，まぁ，小さな技ですみません．





javascriptが利用できるブログでしたら，

同じ方法で表示できると思います．





以下，興味があればどうぞ．






以下のソースを動画を表示したいところに貼りました．

私の場合は右のところ．

var list = new Array();
var n = 0;

list[n++] = "P0z1jaN1OX0";
list[n++] = "Hgn_V4ildUg";
list[n++] = "w6cDHmvKVjU";
list[n++] = "GBa8f2MmPyg";

var rand = Math.floor(Math.random()*list.length);

var video_code = "<iframe width=300 height=225 src=https://www.youtube.com/embed/" + list[rand] + " frameborder=0 allowfullscreen></iframe>";


document.write(video_code);

上のソースで，

list[n++]のところの変な文字列は，
(4−7行目の灰色にしたところ)

youtubeにアップした動画のIDです．

実際には24個です．


（list[n++]のidを変えれば，

その他はコピペで使えると思います．）








自分の動画のURL最後のところを書き出します．

ランダム表示したい動画の数だけ書き出すので，面倒．

なので，CUIで抜き出しました．

youtubeのマイチャンネル画面

マイチャンネルで図の矢印のとこだけ，操作．

「アップロード済み」でURLをコピー．

私の場合は，

https://www.youtube.com/channel/UCTI5kGnaCeVXrplcEWDoz6w/feed?activity_view=3





で，以下のスクリプトを実行で，

自分のアップロード済み動画のidを書き出しました．

#!/bin/sh                                                                                                                                                 

curl -o tmp.html https://www.youtube.com/channel/UCTI5kGnaCeVXrplcEWDoz6w/feed?activity_view=3

cat tmp.html | grep data-context-item-id  | sed -e "s/data-context-item-id=//g" | sed -e "s/ //g" | sed -e "s/^/list[n++] = /g"

・curlでマイチャンネルのソースを取得．
・idをsed，grepで抜き出し
です．

今，気づいたんですが，このスクリプトだと，

list[n++] = "xxxxx"

に最後の;（セミコロン）付け忘れてますね．

適当に付けてください．

sed -e "s/$/;/g"ですかね．






似たような方法で，動画再生リストからも

ランダム表示できると思います．







運が良ければ，きれいなお姉さんの

演奏動画が表示されると思います．

たまにスキーも．

何が出ますかね．





今日の音符読み：52秒