再生リスト　（個別動画は、どちらを選択しても自動的に個別動画の埋め込みタグを生成します）
個別動画　←再生リストだけど、単独動画として埋め込みたい場合これをチェック。


●動画埋め込みタグ
 タグ予定地 

●動画のID　
●再生リストID　
●生成したタグを張り付けた場合のサンプル
 

 
ここに「埋め込みタグを張り付けた場合のイメージ」が出ます
 

 


見本URL
◇動画１つ　→動画１つの埋め込みタグを生成します。
 https://www.youtube.com/watch?v=oKDFDCSQNY0 

◇再生リスト　→再生リストの埋め込みタグを生成します。
 https://www.youtube.com/watch?v=oKDFDCSQNY0&list=PL4CfyKGXE0b0rB7ZFeK8-77cPAtAU3frX&index=4 






●ローカルだと動くのに、fanblogだとうまくいかなり理由（の１つ？）発見。
なるほど、urlにリンクタグが自動でつくからっぽい。すーっとした。
そりゃ動かないわけだ。これに気付かず、他の打ち間違いや、もっと意味不明な原因があるのかと模索してた。
 

・ローカルのコード
embedPart1 = '＜iframe width="560" height="315" src="

 https://www.youtube.com/embed/'; 

↑これが、

・投稿した記事の該当コード部分
embedPart1 = '＜iframe width="560" height="315" src="

＜a href=" https://www.youtube.com/embed/'; 
" target="_blank"＞
 https://www.youtube.com/embed/'; 

＜/a＞
↑こうなる

●解決策
embed用文字列の前半部分を
３分割したら、fanblogがURLとして認識しないので
できた！！！

・元のダメなやつ
embedPart1 = '＜iframe width="560" height="315" src=" https://www.youtube.com/embed/'; 


・これだとうまくいった
embedPart1 = '＜iframe width="560" height="315" src="h';
embedPart1_2 = 't';
embedPart1_3 = 'tps://www.youtube.com/embed/';

ローカルだと動くのに、fanblogに投稿すると動かない。
なぜか、splitを使うとまともに動かなくなる
 https://www.youtube.com/watch?v=oKDFDCSQNY0&list=PL4CfyKGXE0b0rB7ZFeK8-77cPAtAU3frX&index=4 

埋め込み用URL　 https://www.youtube.com/embed/oKDFDCSQNY0 

ふつうのURL　　 https://www.youtube.com/watch?v=oKDFDCSQNY0 

 


todo

URLには、動画の個別文字列だけでなく、
再生リストごとの文字列や
index何番目とかの文字列もあるので
必要なとこ（動画の個別文字列）だけとりだして、結合させる必要がある

課題１
・URLから、動画の（または再生リストの）個別文字列を抜き出す
・動画埋め込みタグと合体させる
課題２
・URLに再生リストの記述があるかしらべる
・URLから、動画の（または再生リストの）個別文字列を抜き出す
・ある場合、再生リスト用の埋め込みタグにする
課題３
・余裕があれば、再生リストURLでも、個別動画の埋め込みを生成もできるようにラジオボタンで分岐
その先の課題
・別途スクレイピングで、URLから各種情報を取得する。
・・動画タイトル、チャンネル名、投稿日時、再生回数
・チャンネル名や通称を、自動で記事のタグとして入力、投稿させる
・・スクレイピング時の日時から投稿日時を引いて、何日（と何時間）経過したか取得。
・・再生回数を、経過日時で割り、何日で何回再生されたか計算し、
　　単なる累計再生回数ではなく、本当の伸び率、人気度を計算する。
　　※もちろん、これにしてもyoutube全体の視聴者数などの影響は受けるけど。
・・上記の独自尺度を、横棒グラフやイメージ絵などで表す。

埋め込んだ動画の再生で
日本語字幕をデフォでつける場合
src="//www.youtube.com/embed/xxxxxxxxxxx?cc_load_policy=1&cc_lang_pref=ja  
 
タグ： test 
 JavaScript 
 自分用ツール 
 余談語り 
 
 
 
【このカテゴリーの最新記事】
 
 
 
 
no image
 
 
 test hr css design 
 
 
 
 
no image
 
 
 js test Vue.js 
 
 
 
 
no image
 
 
 test js, html5 
 
 
 
 
no image
 
 
 test 音のなるボタンを作ってみる 
 
 
 
 
no image
 
 
 test js「記事の外で定義した関数を.. 
 
 
 
 
no image
 
 
 test js vue.js 
 
 
 
 
no image
 
 
 test 
 
 
 
 
no image
 
 
 test。youtubeとtwitter..