かめ太の、今日も元気に金銀財宝♪

↓ここに動画URLを張り付けてください。


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


●動画埋め込みタグ
タグ予定地
●動画の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..