![映画](https://stat.ameba.jp/blog/ucs/img/char/char2/234.gif)
![Blog](https://emoji.ameba.jp/img/user/ny/nyuinyui/2763308.gif)
などと、ブログ編集用エディタに言われてしまって、
「 保存ができませんでした。 ・ ・ ・ ・ ・
記事内容に禁止タグが入力されています。 ・ ・ ・ 」
「YouTube
![YouTube](https://emoji.ameba.jp/img/user/ft/ftwlusako/3032458.gif)
![テレビ](https://stat.ameba.jp/blog/ucs/img/char/char2/108.gif)
![*amember*](https://emoji.ameba.jp/img/user/77/777-sakura-777/1022180.gif)
![複写](https://emoji.ameba.jp/img/user/ca/cadblog/1236950.gif)
![ショック!](https://stat.ameba.jp/blog/ucs/img/char/char2/143.gif)
![ダウン](https://stat.ameba.jp/blog/ucs/img/char/char2/175.gif)
![ダウン](https://stat.ameba.jp/blog/ucs/img/char/char2/175.gif)
![記事内容に禁止タグが入力されています。 「禁止タグ」保存エラーウィンドウ画面](https://stat.ameba.jp/user_images/20160607/15/2katteniyucch1/72/9c/j/o0480042013666666242.jpg?caw=800)
※YouTube以外の動画を貼ろうとすると「エラー」となる画面。
なんでこんな「仕様」にするのか??、
ワタクシには、さっぱり
![??](https://emoji.ameba.jp/img/user/yu/yu-igi/188338.gif)
![ガーン](https://stat.ameba.jp/blog/ucs/img/char/char2/141.gif)
![はてな](https://emoji.ameba.jp/img/user/ri/ria-na/52220.gif)
![はてなマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/040.gif)
![むかっ](https://stat.ameba.jp/blog/ucs/img/char/char2/034.gif)
![?](https://emoji.ameba.jp/img/user/ga/gannosukedannen/279406.gif)
![はてな](https://emoji.ameba.jp/img/user/mi/milk11/790600.gif)
![?](https://emoji.ameba.jp/img/user/pa/pathi-pathi/861605.gif)
![1](https://stat.ameba.jp/blog/ucs/img/char/char2/269.gif)
<iframe frameborder="0" width="480" height="270" src="//www.dailymotion.com/embed/video/x2qavb8" allowfullscreen></iframe>
![2](https://stat.ameba.jp/blog/ucs/img/char/char2/270.gif)
![YouTube YouTube](https://emoji.ameba.jp/img/user/ft/ftwlusako/3032458.gif)
<iframe frameborder="0" width="480" height="270" src="https://www.youtube.com/embed/dLIbpumy3mc?rel=0" allowfullscreen></iframe>
見てわかるとおり、
![右矢印](https://stat.ameba.jp/blog/ucs/img/char/char2/283.gif)
コード内容!?
![メモ](https://stat.ameba.jp/blog/ucs/img/char/char2/131.gif)
![あはは。。。](https://emoji.ameba.jp/img/user/sa/samantha-kaicho/324806.gif)
なのに、...
(1)
![1](https://stat.ameba.jp/blog/ucs/img/char/char2/269.gif)
(2)
![2](https://stat.ameba.jp/blog/ucs/img/char/char2/270.gif)
・・・ってことは、ようするに、
![あせ](https://emoji.ameba.jp/img/user/ha/ha-rugaki-ta/283472.gif)
アメブロ
![アメーバ](https://emoji.ameba.jp/img/user/by/byastroke/19059.gif)
![メモ](https://stat.ameba.jp/blog/ucs/img/char/char2/131.gif)
<iframe> タグ
を「禁止タグ」にしていて、
ブログ記事内容にこのタグが含まれていたら、エラーにして保存しないようにされているのです。が、
ただし、その場合に、「 src="..." 」属性の部分をみて、
![目](https://stat.ameba.jp/blog/ucs/img/char/char2/242.gif)
![URL](https://emoji.ameba.jp/img/user/fu/fumi-chang/4416927.gif)
「 //www.youtube.com 」
である場合にのみ、保存
![フロッピー(青)](https://emoji.ameba.jp/img/user/vo/vold-chk/263105.gif)
![あせる](https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif)
わざわざそういう「
![本](https://stat.ameba.jp/blog/ucs/img/char/char2/240.gif)
ブログ編集エディタをそのように
![マウス](https://emoji.ameba.jp/img/user/ay/aysmallbekkan02/1397133.gif)
![マウス](https://emoji.ameba.jp/img/user/95/95823100/386914.gif)
![むっ](https://stat.ameba.jp/blog/ucs/img/char/char2/146.gif)
![むかっ](https://stat.ameba.jp/blog/ucs/img/char/char2/034.gif)
――ということです。
![爆弾](https://stat.ameba.jp/blog/ucs/img/char/char2/036.gif)
![!!](https://stat.ameba.jp/blog/ucs/img/char/char2/176.gif)
極端な話し、「 src="..." 」のドメイン部が「 //www.youtube.com 」でさえあったらイイ
(動画ファイルでなくてもよい!)ので、
たとえば(1)
![1](https://stat.ameba.jp/blog/ucs/img/char/char2/269.gif)
<iframe frameborder="0" width="480" height="270" src="//www.youtube.com" allowfullscreen></iframe>
と書き変えると、
「禁止タグ」エラーにならずに
![クラッカー](https://stat.ameba.jp/blog/ucs/img/char/char2/098.gif)
![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
(※もちろん、「動画」は表示されませんが、...)
![走る人](https://stat.ameba.jp/blog/ucs/img/char/char2/044.gif)
![<iframe>「禁止タグ」エラーにならない画面](https://stat.ameba.jp/user_images/20160607/17/2katteniyucch1/b7/a2/j/o0698048613666745369.jpg?caw=800)
※<iframe>タグの「src=」に「"//www.youtube.com"」と書くと「エラー」にならない画面。
・ ・ ・ これって、...
![汗](https://stat.ameba.jp/blog/ucs/img/char/char2/028.gif)
![汗](https://stat.ameba.jp/blog/ucs/img/char/char2/028.gif)
YouTube
![YouTube](https://emoji.ameba.jp/img/user/ft/ftwlusako/3032458.gif)
![!?](https://stat.ameba.jp/blog/ucs/img/char/char2/177.gif)
![!?](https://stat.ameba.jp/blog/ucs/img/char/char2/177.gif)
アメブロ
![アメーバ](https://emoji.ameba.jp/img/user/by/byastroke/19059.gif)
![はてなマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/040.gif)
・・理解に苦しみます。
![ショボ](https://emoji.ameba.jp/img/user/na/namida-egao/51253.gif)
おかしな「偏見」と「差別意識??」を感じずにはおれません!
![叫び](https://stat.ameba.jp/blog/ucs/img/char/char2/254.gif)
![叫び](https://stat.ameba.jp/blog/ucs/img/char/char2/254.gif)
![叫び](https://stat.ameba.jp/blog/ucs/img/char/char2/254.gif)
アメブロの管理者?には、ぜひ、納得のいく説明をしてほしいものです。。。
![男の子](https://stat.ameba.jp/blog/ucs/img/char/char2/159.gif)
![女の子](https://stat.ameba.jp/blog/ucs/img/char/char2/158.gif)
![男の子](https://stat.ameba.jp/blog/ucs/img/char/char2/159.gif)
![女の子](https://stat.ameba.jp/blog/ucs/img/char/char2/158.gif)
━─━─━─━─━─
(・・もとい。)
「禁止されない<iframe>タグ
![ww](https://emoji.ameba.jp/img/user/k-/k-june-h/3731353.gif)
他の属性(id とか、name とか、title とか・・)を指定することもできます。
![ニコニコ](https://stat.ameba.jp/blog/ucs/img/char/char2/139.gif)
![音譜](https://stat.ameba.jp/blog/ucs/img/char/char2/038.gif)
(ココ↑重要ですからね!!
![高校生](https://emoji.ameba.jp/img/user/fo/forcesawada/2402816.gif)
・・・つまり、
ブログ記事中に、<iframe>タグが書けるのであれば、
(※src="//www.youtube.com"ですが...
![あせる](https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif)
あとは、スクリプト( <script> )で、
ページ表示の際に
![ひらめき電球](https://stat.ameba.jp/blog/ucs/img/char/char2/089.gif)
![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
あっ
![あっ](https://emoji.ameba.jp/img/user/cr/craveluv/3520681.gif)
これは、アメブロ
![アメーバ](https://emoji.ameba.jp/img/user/by/byastroke/19059.gif)
![ニコニコ](https://stat.ameba.jp/blog/ucs/img/char/char2/139.gif)
――というわけで、
<iframe>タグで動画を貼り付けるタイプの「貼り付けコード」を用いている動画サイトの動画
=d dailymotion
![左矢印](https://stat.ameba.jp/blog/ucs/img/char/char2/285.gif)
=V vimeo
![左矢印](https://stat.ameba.jp/blog/ucs/img/char/char2/285.gif)
=U USTREAM
![左矢印](https://stat.ameba.jp/blog/ucs/img/char/char2/285.gif)
=...とか、
![あせる](https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif)
――は、アメブロ記事に貼り付けることができるようになります。
![クラッカー](https://stat.ameba.jp/blog/ucs/img/char/char2/098.gif)
![晴れ](https://stat.ameba.jp/blog/ucs/img/char/char2/022.gif)
![星](https://stat.ameba.jp/blog/ucs/img/char/char2/112.gif)
<!-- 動画貼り付け --><script type="text/javascript">var s="";var aF=document.getElementsByTagName("iframe");var n=aF.length;for(i=0; i<n; i++){s=aF[i].getAttribute("title");if((null!=s)&&(""!=s)){aF[i].setAttribute("src", s);aF[i].setAttribute("allowfullscreen","");}}</script>
★ページのHTMLの中に、<iframe>タグがあれば、
そのタグ中の title 属性の値(文字列)を調べて、値が設定されている(空文字でない)のなら、
その値をそのまま src 属性に上書きする、という処理を行なっているだけ、です。
★ついでに、allowfullscreen 属性を(決め打ちで)設定しています。
※アメブロの「標準エディタ」・「最新版エディタ」では、<iframe>タグ中の allowfullscreen 属性(~動画をフルスクリーン表示に切り替えることができるようにする設定をする~)が勝手に強制削除されてしまうことに対抗したものです。「旧エディタ」「タグ編集エディタ」では、そのような挙動は行なわれないよう(かな!?)ですので、これらのエディタでブログ記事HTMLに書いたとおりに動作させたい場合は、その処理部分を除いた↓のスクリプトとなります。
<!-- 動画貼り付け --><script type="text/javascript">var s="";var aF=document.getElementsByTagName("iframe");var n=aF.length;for(i=0; i<n; i++){s=aF[i].getAttribute("title");if((null!=s)&&(""!=s)){aF[i].setAttribute("src", s);}}</script>
![晴れ](https://stat.ameba.jp/blog/ucs/img/char/char2/022.gif)
①上記スクリプト(2通りのいずれか1つ)をアメブロの「フリー・プラグイン」に設定します。
「プラグインの追加」画面は、
「ブログ管理」トップページ → 「設定・管理」 → 「プラグインの追加 」 にあります。
![フリープラグイン追加画面](https://stat.ameba.jp/user_images/20160607/21/2katteniyucch1/57/b9/j/o0714063813666934578.jpg?caw=800)
※プラグインの設置画面。
「フリープラグイン」のつまみをクリックするとあらわれる赤文字注意書きの下の入力欄に、
上記のスクリプト(いずれか1つ)をコピペします。
![動画貼付スクリプトをコピペ](https://stat.ameba.jp/user_images/20160607/21/2katteniyucch1/09/df/j/o0638058413666941782.jpg?caw=800)
※スクリプトのコードをコピペ画面(1)。コピーして、...
コピーして、...
![動画貼付スクリプトをペースト](https://stat.ameba.jp/user_images/20160607/21/2katteniyucch1/47/4e/j/o0684063613666954848.jpg?caw=800)
※スクリプトのコードをコピペ画面(2)。・・ペースト。.
・・ペースト貼り付け。
〔保存〕ボタンを(忘れずに!)押します。
![プラグインを保存した画面](https://stat.ameba.jp/user_images/20160607/21/2katteniyucch1/cb/8d/j/o0605050513666962033.jpg?caw=800)
※プラグイン追加の〔保存〕ボタンを押した画面。
以上で、「フリープラグイン」の設定は完了です。
![音譜](https://stat.ameba.jp/blog/ucs/img/char/char2/038.gif)
この段階で、「自分のブログを確認」しても、表示はなにも変わっていないはずです。
![シラー](https://stat.ameba.jp/blog/ucs/img/char/char2/145.gif)
もし自分のブログのサイドバーなどに、ヘンな文字!?
![えっ](https://stat.ameba.jp/blog/ucs/img/char/char2/147.gif)
![あせる](https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif)
②ブログ記事にHTMLを埋め込みます。
dailymotionの動画を、ブログ記事に貼り付けてみます。
![右矢印](https://stat.ameba.jp/blog/ucs/img/char/char2/283.gif)
まずは、
動画で公開されている「埋め込みコード」を、ブログ編集エディタの「HTMLタグ表示」の画面にコピペ
します。
コピーして、...
![デイリーモーション動画埋込コードをコピー](https://stat.ameba.jp/user_images/20160607/22/2katteniyucch1/7a/5a/j/o0652049813666996363.jpg?caw=800)
※デイリーモーション動画の「埋め込みコード」をコピペ(1)。コピーして...
エディタHTMLタグ画面にペースト貼り付け。
![ブログ編集エディタHTML画面にコードを貼り付け](https://stat.ameba.jp/user_images/20160607/22/2katteniyucch1/97/b0/j/o0704057813667008125.jpg?caw=800)
※デイリーモーション動画の「埋め込みコード」をコピペ(2)。ブログ編集エディタHTML画面に貼り付け。.
エディタの「タグ非表示」画面(最新版エディタでは「通常表示」画面)に切り替えてみると、
動画
![映画](https://stat.ameba.jp/blog/ucs/img/char/char2/234.gif)
(エディタの画面には貼りつくんですよね。
![あせる](https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif)
でも、このまま「下書き(保存)」しようとすると、「禁止タグが・・」となってしまいます。
![汗](https://stat.ameba.jp/blog/ucs/img/char/char2/028.gif)
再び、HTML表示画面に切り替えて、...
この「埋め込みコード」の3行目以下は、キャプション・テキストを表示するためのものですから、
動画の表示には関係ありません。
![シラー](https://stat.ameba.jp/blog/ucs/img/char/char2/145.gif)
はじめの2行=「 <iframe ・・・ から、</iframe>までの部分 」が、
動画の貼り付けに関する部分です。
![目](https://stat.ameba.jp/blog/ucs/img/char/char2/242.gif)
<iframe frameborder="0" width="480" height="270" src="//www.dailymotion.com/embed/video/x2qavb8" allowfullscreen></iframe>この「埋め込みコード」のうち、黄色のバックグランドカラーで示した部分(src="・・”)が、
「禁止タグ」エラー
![ひらめき電球](https://stat.ameba.jp/blog/ucs/img/char/char2/089.gif)
この部分に、手書きで
![メモ](https://stat.ameba.jp/blog/ucs/img/char/char2/131.gif)
![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
以下↓のように、
![著者名](https://emoji.ameba.jp/img/user/ta/taro0603/198353.gif)
<iframe frameborder="0" width="480" height="270" title="//www.dailymotion.com/embed/video/x2qavb8" src="//www.youtube.com" allowfullscreen></iframe>元のコードの「 src= 」の部分を、「 title= 」と、上書き
![鉛筆](https://emoji.ameba.jp/img/user/ph/phoenix-ichinosetsubakii/84028.gif)
別途「 src="//www.youtube.com" 」というコードを挿入します
![メモ](https://stat.ameba.jp/blog/ucs/img/char/char2/131.gif)
・・・この記事のはじめからの
"長い前振り能書き"
![あせ](https://emoji.ameba.jp/img/user/na/nan-non/2221556.gif)
![あはは。。。](https://emoji.ameba.jp/img/user/sa/samantha-kaicho/324806.gif)
![あせる](https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif)
![あせる](https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif)
![ドキドキ](https://stat.ameba.jp/blog/ucs/img/char/char2/031.gif)
![標準エディタで編集中。。。](https://stat.ameba.jp/user_images/20160607/23/2katteniyucch1/60/d2/j/o0600047913667073574.jpg?caw=800)
※標準エディタでデイリーモーション動画貼付用の編集。。。
![ドキドキ](https://stat.ameba.jp/blog/ucs/img/char/char2/031.gif)
![最新版エディタで編集中。。。](https://stat.ameba.jp/user_images/20160607/23/2katteniyucch1/24/38/j/o0666044813667074084.jpg?caw=800)
※最新版エディタでデイリーモーション動画貼付用の編集。。。
この手書き修正を加えた後は、「下書き(保存)」も、「公開」も、
できるようになりますのです!!
![!!](https://stat.ameba.jp/blog/ucs/img/char/char2/176.gif)
![!!](https://stat.ameba.jp/blog/ucs/img/char/char2/176.gif)
「タグ非表示」(「通常表示」)に切り替えると、
以前はエディタ画面に表示されていた動画
![映画](https://stat.ameba.jp/blog/ucs/img/char/char2/234.gif)
心配ありません。
![あせ](https://emoji.ameba.jp/img/user/yu/yu-yu-yu-go1008/3281977.gif)
そのまま、保存し、公開して、はじめて「プラグイン」が働いて、
ブログにデイリーモーションが貼りついています。
![クラッカー](https://stat.ameba.jp/blog/ucs/img/char/char2/098.gif)
![ラブラブ](https://stat.ameba.jp/blog/ucs/img/char/char2/035.gif)
※エディタ画面の「表示を確認する」画面では、
「プラグイン」が読み込まれないために、動画は表示されません。
このブログで、テストしてみた結果は、このページ
![左矢印](https://stat.ameba.jp/blog/ucs/img/char/char2/285.gif)
![星](https://stat.ameba.jp/blog/ucs/img/char/char2/112.gif)
・・・よかったら、 やってみてください。
![おとめ座](https://stat.ameba.jp/blog/ucs/img/char/char2/217.gif)
![ラブラブ](https://stat.ameba.jp/blog/ucs/img/char/char2/035.gif)