Feature Length Article

次の記事

test for line feed

ライブブログ方式で新しいサンプルの張り込みはトップにお願いします(時間の逆順)。最後までスクロールすると時間かかるので。
——————–以下にサンプルコード貼る—————————————
Scribd にジャンプ→右サイドバーのembedを開く

Google 2016 Environmental Report by TechCrunch on Scribd

[protected-iframe id=”8ed7613a3a7aca9dc0afee3fc5a963a5-47189721-2703019″ info=”https://www.scribd.com/embeds/333409902/content?start_page=1&view_mode=scroll&access_key=key-YXPTg9SmKRglYEs5rMKN&show_recommendations=true” width=”100%” height=”600″ frameborder=”0″ class=”scribd_iframe_embed” scrolling=”no”]

Facebookビデオ埋め込み。

LeCun

AI Education – Introduction to AI

Posted by Facebook Engineering on Monday, November 28, 2016

Machine Learnng
[protected-iframe id=”5ee3ba1d197f514592b3c866b887eadc-47189721-2703019″ info=”https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FEngineering%2Fvideos%2F10154673882797200%2F&show_text=0&width=560″ width=”560″ height=”315″ frameborder=”0″ style=”border:none;overflow:hidden” scrolling=”no”]

Gradient Descent
[protected-iframe id=”63b0f9effb86615873e63db71abe94fe-47189721-2703019″ info=”https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FEngineering%2Fvideos%2F10154673884367200%2F&show_text=0&width=560″ width=”560″ height=”315″ frameborder=”0″ style=”border:none;overflow:hidden” scrolling=”no”]

Deep Learning

AI Education – Deep Learning

Posted by Facebook Engineering on Monday, November 28, 2016

Back Propagation
[protected-iframe id=”2096cebeeafa0c0b727e6dad732ffb27-47189721-2703019″ info=”https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FEngineering%2Fvideos%2F10154673886412200%2F&show_text=0&width=560″ width=”560″ height=”315″ frameborder=”0″ style=”border:none;overflow:hidden” scrolling=”no”]

Convolutinal Newral Network
[protected-iframe id=”0c574a8b951fbbe6a911a61c229c5a5d-47189721-2703019″ info=”https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FEngineering%2Fvideos%2F10154673887922200%2F&show_text=0&width=560″ width=”560″ height=”315″ frameborder=”0″ style=”border:none;overflow:hidden” scrolling=”no”]


GRAPHIQ グラフ埋め込み。
https://www.graphiq.com/vlp/7B9vNnhVN53

TCビデオ


ダレルの記事で動画が再生されないのは左クオテーションにcurly cuote(printers quote)を使ったのが原因。

Tweetの埋め込み

個別のツイートURLを貼るだけで表示される


Vidible動画(旧AOL On)の埋め込み

vid=579940f25095492a8fe33b62 この数字を次のフォーマットのcodeの値とする。


Vimeo動画の埋め込み

URLのみで表示される


Facebookビデオの埋め込み

元ビデオのURLを取得してそのまま貼る。

Facebookの埋め込みコードを再取得するには、USの埋め込まれている投稿の右下にあるロゴを押すと、実際の記事に飛ぶので、そこの右上の埋め込みコードを取得でいけるかと思います。(ちなみにUSサイトのソースコードからコピペしてだと表示されません)

fb1fb2

Introducing new publisher tools for 360 video

Don't let your audience miss a moment with Guide, and understand what engages your viewers with Heatmap.

Posted by Facebook 360 on Wednesday, August 10, 2016


graphiqのグラフの埋め込み

右上のアイコンからEmbed Tagを取得する

まず本家のページのグラフの右上にある矢印を押して、Customizeを押します。そうするとサイトに飛ぶので、
コードの種類をWordPressを選んで、コードをCopyしてそれを記事に貼り付けます。

screen-shot-2016-09-09-at-07-46-34screen-shot-2016-09-09-at-07-48-46

https://s.graphiq.com/rx/widgets.js


gifs.com からの埋め込み

表示されている画像の右下にある「・・・」をクリックすると Embed というメニューが出て、そこを選ぶと Embed コードが取得できるような雰囲気なのですが、実際にはそこで取得したコードは動作しません。

画像の右上に薄く表示されている「gifs」という文字をクリックして元のサイトに飛んで、そこに表示されている画像の右下の「・・・」をクリックして表示される Embed コードを取得すれば、この編集画面の「埋め込みを追加>Insert Embed」から追加できました。

[protected-iframe id=”70b575e642f440714b9e93604721f6eb-47189721-10108719″ info=”//gifs.com/embed/eq-radio-emotion-recognition-using-wireless-signals-kR1r5J” width=”640px” height=”360px” frameborder=”0″ scrolling=”no”]


Instagramの埋め込み

Instagram上から埋め込みコードをコピーします。
投稿画面の上の「メディアを追加」ボタンを押して、「Insert Embed」を選択し、長いコードを貼り付けたら「投稿に挿入」ボタンを押します。

[protected-iframe id=”89ad6a3fab974d3b273c6e8e21fe707f-47189721-67603746″ info=”//platform.instagram.com/en_US/embeds.js” class=”instagram-media”]

おそらく他の埋め込みも、埋め込めないものはこの方法でどれもいけるかもしれません。

GfycatのGIF動画埋め込みはストレートにURL貼るのがベスト。
fixedやrelativeのエンベッドコードはサイズがうまく」調整されません。
URL


fixed
[protected-iframe id=”5b74090704197f265f67171e562aecee-47189721-2703019″ info=”https://gfycat.com/ifr/WarlikeIdenticalHumpbackwhale” width=”640″ height=”499″ frameborder=”0″ scrolling=”no” allowfullscreen=””]

relative

[protected-iframe id=”06dd657d3bc42174b3e9d316c709a84f-47189721-2703019″ info=”https://gfycat.com/ifr/WarlikeIdenticalHumpbackwhale” width=”100%” height=”100%” frameborder=”0″ style=”position:absolute;top:0;left:0;” scrolling=”no” allowfullscreen=””]

Facebookコメントと親投稿 (iFrame)
[protected-iframe id=”44111af123ac9562dda8b3c249c32806-47189721-2703019″ info=”https://www.facebook.com/plugins/comment_embed.php?href=https%3A%2F%2Fwww.facebook.com%2Fzuck%2Fposts%2F10103170675742191%3Fcomment_id%3D1268873966498081&width=560&include_parent=true&appId=143438689053696&height=135″ width=”560″ height=”135″ frameborder=”0″ style=”border:none;overflow:hidden” scrolling=”no”]

TCビデオ