はてなブログにYoutube動画を埋め込むためのHTMLコード生成

はてなブログでの編集サイドバーでの「Yotubeの貼り付け」が以前のように使えない。 以前は添付したいようつべ動画のURLをキーワードに入れて検索すれば、一番上に出てきたので、 それを選択して「選択したアイテムを張り付け」をクリックするだけでした。

そこで、貼り付けたいようつべ動画のURLを入力したら、 はてなブログでの編集サイドバーでの「Yotubeの貼り付け」と同じようなHTMLコードが生成されるような ものが欲しいなぁとなり、以下のように作ってみました。
デザイン等がイマイチなので、少しずつ改良していこうかと思っております。
良ければ使ってください～

---

参考

• JavaScript 正規表現まとめ - Qiita
• ボタンのクリック時にJavaScriptを実行する : JavaScript プログラミング | iPentec
• <input type="text"> - HTML: ハイパーテキストマークアップ言語 | MDN
• JavaScript | テキストボックスの値をJavaScriptを使って取得・設定する
• 【HTML】textareaの使い方、複数行のテキスト入力欄を作成しよう! | SHU BLOG
• JavaScript | テキストエリアの値をJavaScriptを使って取得・設定する
• 【JavaScript入門】文字列の分割と切り出し(substr/substring/slice) | 侍エンジニアブログ
• 【JavaScript入門】lengthで文字列や配列の長さを取得する方法 | 侍エンジニアブログ
• YouTubeダウンローダ― with Python（現在はダウンロードできません．．．） - 芋の独り言

---

関連

kusoimox.hatenablog.jp

■

女子バスも敗北、夏は終わってしまった。。。 日本代表がやりたいプレーがすべて相手にやられ、かつ、日本代表のシュートが入らずリズムが作れない。 負け方が3戦とも同じ。。。 今回違うとすれば、審判がそこまで笛を吹いてなかったこと、くらいか。 トムさんが一瞬映像に移ったけど、自分が男子の方に行って、女子がこうなっては、心境としては心苦しいでしょうねぇ。 バスケはなんとも厳しい結果となってしまいました。 これまでは女子代表は世界で勝ってきただけに、暗黒期に入りそう。 渡嘉敷選手を戻すか、NEW スターとなる選手を見つけて5ヵ年計画で育てるか、しかないかな～

バスケは3x3は出場権をとれなかったみたいですし、パラの車いすバスケ。 しかし、注目の鳥海選手のいる男子代表は出場権をとれなかったようで、女子代表のみ。 しかも、また独代表とやるのかよ。 どの競技でもあたるし、阻まれることが多いな。。。何なん？