dailymotion, vimeo, USTREAM等の動画を貼り付けるプラグイン(その1) | 勝手に応援するブログ

勝手に応援するブログ

 
   人権侵害、性暴力、人身取引、等などがない社会になることをのぞんでいます。
 
   でも、ブログ筆者の立場は矛盾に満ちています。

アメブロでは、YouTube以外の動画映画をブログBlogに貼り付けようとしても、

    保存ができませんでした。 ・ ・ ・ ・ ・

 記事内容に禁止タグが入力されています。 ・ ・ ・ 

などと、ブログ編集用エディタに言われてしまって、

YouTubeYouTube以外の」動画テレビ
*amember*ブログに"貼り付け複写"することができない「仕様??になっていますよね。。。ショック!ダメダメだぁ~ダウンダウン

「禁止タグ」保存エラーウィンドウ画面
※YouTube以外の動画を貼ろうとすると「エラー」となる画面。

なんでこんな「仕様」にするのか??
ワタクシには、さっぱり??ガーンはてなイミがわからないはてなマークのでありますが、...むかっ?はてな?


1これは、dailymotionデイリーモーション)動画の貼り付けコード(の一部)です。--(1)
<iframe frameborder="0" width="480" height="270" src="//www.dailymotion.com/embed/video/x2qavb8" allowfullscreen></iframe>

2そして、これは、YouTubeYouTubeユーチューブ)動画の貼り付けコードです。--(2)
<iframe frameborder="0" width="480" height="270" src="https://www.youtube.com/embed/dLIbpumy3mc?rel=0" allowfullscreen></iframe>

見てわかるとおり、
右矢印src="..." 」の部分(動画の"元ファイル"の在り処、ですね)が違うだけの、
コード内容!?メモとしては、ほとんど同じ(・・ってか、まったく同じ)ものですよね。あはは。。。

なのに、...
 (1)1の貼り付けコードは、「禁止タグ」エラーになって、「保存」(「下書き」も「公開」も)できず、
 (2)2の貼り付けコードは、エラーにならずに、ブログに動画が「貼り付け」されます。


・・・ってことは、ようするに、あせ
アメブロアメーバのブログ編集エディタメモは(標準エディタでも、最新エディタも、どのエディタでも)、

 <iframe> タグ

を「禁止タグ」にしていて、
ブログ記事内容にこのタグが含まれていたら、エラーにして保存しないようにされているのです。が、

ただし、その場合に、「 src="..." 」属性の部分をみて、目 そのURLURLの「ドメイン部」が、

 「 //www.youtube.com 」

である場合にのみ保存フロッピー(青)を許可する、という「方針」をとり、あせる
わざわざ
そういう「本仕様」にして、
ブログ編集エディタをそのようにマウスプログラムマウスしているむっむかっ

――ということです。爆弾!!!!


極端な話し、「 src="..." 」のドメイン部が「 //www.youtube.com 」でさえあったらイイ
(動画ファイルでなくてもよい)ので、

たとえば(1)1の (エラー保存できないdallymotion貼り付け用の) コードの「src=」部分を、
<iframe frameborder="0" width="480" height="270" src="//www.youtube.com" allowfullscreen></iframe>

と書き変えると、
禁止タグエラーにならずにクラッカー、「下書き保存」することも、「公開」することもできます!!ビックリマーク
もちろん、「動画」は表示されませんが、...)走る人

<iframe>「禁止タグ」エラーにならない画面
※<iframe>タグの「src=」に「"//www.youtube.com"」と書くと「エラー」にならない画面。



・ ・ ・ これって、...汗汗

YouTubeYouTube以外の動画に対する差別とちゃいますの??!?!?

アメブロアメーバがなぜ!?はてなマーク わざわざこのようなことをするのか
・・理解に苦しみます。ショボ

おかしな「偏見」と「差別意識??」を感じずにはおれません叫び叫び叫び

アメブロの管理者?には、ぜひ、納得のいく説明をしてほしいものです。。。男の子女の子男の子女の子

━─━─━─━─━─


(・・もとい。)
禁止されない<iframe>タグww」には、
他の属性(id とか、name とか、title とか・・)を指定することもできます。ニコニコ音譜
 (ココ重要ですからね!!高校生


・・・つまり、

ブログ記事中に、<iframe>タグが書けるのであれば、
 (src="//www.youtube.com"ですが...あせる

あとは、スクリプト( <script> )で、
ページ表示の際にひらめき電球動的に<iframe>タグの属性を書き変えてやればいいわけ!!です。ビックリマークビックリマーク

あっあっ、もちろん<script>も「禁止タグ」です(ので記事中に書くことはできません)が、
これは、アメブロアメーバプラグインに書くことができます!!ニコニコ



――というわけで、

<iframe>タグで動画を貼り付けるタイプの「貼り付けコード」を用いている動画サイトの動画

dailymotion左矢印 とか、
vimeo左矢印 とか、
U USTREAM左矢印 とか、
...とか、あせる

――は、アメブロ記事に貼り付けることができるようになります。クラッカー



晴れそのスクリプト 星:「dailymotionの動画を貼り付け可能にするアメブロ・プラグイン
<!-- 動画貼り付け --><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>


晴れ設置のしかた (取扱説明書)

上記スクリプト(2通りのいずれか1つ)をアメブロの「フリー・プラグイン」に設定します。

プラグインの追加」画面は、

 「ブログ管理」トップページ 設定・管理プラグインの追加 」 にあります。

フリープラグイン追加画面
※プラグインの設置画面。


フリープラグイン」のつまみをクリックするとあらわれる赤文字注意書きの下の入力欄に、
上記のスクリプト(いずれか1つ)をコピペします。

動画貼付スクリプトをコピペ
※スクリプトのコードをコピペ画面(1)。コピーして、...

コピーして、...


動画貼付スクリプトをペースト
※スクリプトのコードをコピペ画面(2)。・・ペースト。.

・・ペースト貼り付け。

〔保存〕ボタンを(忘れずに)押します。

プラグインを保存した画面
※プラグイン追加の〔保存〕ボタンを押した画面。

以上で、「フリープラグイン」の設定は完了です。音譜

この段階で、「自分のブログを確認」しても、表示はなにも変わっていないはずです。シラー
もし自分のブログのサイドバーなどに、ヘンな文字!?えっなどが表示されていたりしたら、「プラグインの設置」がうまくできていないということですから、やり直してください。あせる


ブログ記事にHTMLを埋め込みます。

dailymotionの動画を、ブログ記事に貼り付けてみます。
右矢印この動画 でやってみましょう。(コマーシャル注意

まずは、
動画で公開されている「埋め込みコード」を、ブログ編集エディタの「HTMLタグ表示」の画面にコピペ
します。

コピーして、...

デイリーモーション動画埋込コードをコピー
※デイリーモーション動画の「埋め込みコード」をコピペ(1)。コピーして...


エディタHTMLタグ画面にペースト貼り付け。

ブログ編集エディタHTML画面にコードを貼り付け

※デイリーモーション動画の「埋め込みコード」をコピペ(2)。ブログ編集エディタHTML画面に貼り付け。.


エディタの「タグ非表示」画面(最新版エディタでは「通常表示」画面)に切り替えてみると、
動画映画とキャプション・テキストが貼りついています。
(エディタの画面には貼りつくんですよね。あせる

でも、このまま「下書き(保存)」しようとすると、「禁止タグが・・」となってしまいます。汗


再び、HTML表示画面に切り替えて、...

この「埋め込みコード」の3行目以下は、キャプション・テキストを表示するためのものですから、
動画の表示には関係ありません。シラー

はじめの2行=「 <iframe ・・・ から、</iframe>までの部分 」が、
動画の貼り付けに関する部分です。目
<iframe frameborder="0" width="480" height="270" src="//www.dailymotion.com/embed/video/x2qavb8" allowfullscreen></iframe>
この「埋め込みコード」のうち、黄色のバックグランドカラーで示した部分(src="・・”)が、
「禁止タグ」エラーひらめき電球をまねいている(?!)箇所です。

この部分に、手書きでメモ修正を加えます。ビックリマーク

以下のように、著者名書き変えます。
<iframe frameborder="0" width="480" height="270" title="//www.dailymotion.com/embed/video/x2qavb8" src="//www.youtube.com" allowfullscreen></iframe>
元のコードの「 src= 」の部分を、「 title= 」と、上書き鉛筆書き変えしてしまい、
別途「 src="//www.youtube.com" 」というコードを挿入しますメモ(前後に半角スペースを入れる)。


  ・・・この記事のはじめからの
   "長い前振り能書き"あせの意味がわかっていただけたでしょうか?!あはは。。。あせるあせる


ドキドキ「標準エディタ」で編集中の画面...(allowfullscreen属性が強制削除されております。。。)

標準エディタで編集中。。。
※標準エディタでデイリーモーション動画貼付用の編集。。。


ドキドキ「最新版エディタ」で編集中の画面...(上に同じ。。。)

最新版エディタで編集中。。。
※最新版エディタでデイリーモーション動画貼付用の編集。。。


この手書き修正を加えた後は、「下書き(保存)」も、「公開」も、
できるようになりますのです!!!!!!

「タグ非表示」(「通常表示」)に切り替えると、
以前はエディタ画面に表示されていた動画映画の場所が、"真っ白け"になってしまっていますが、
心配ありません。あせ


そのまま、保存し、公開して、はじめて「プラグイン」が働いて
ブログにデイリーモーションが貼りついています。クラッカー(゚∀゚*)ラブラブ


エディタ画面の「表示を確認する」画面では、
「プラグイン」が読み込まれないために、動画は表示されません。


このブログで、テストしてみた結果は、このページ左矢印 にあります。星


・・・よかったら、 やってみてください。おとめ座ラブラブ