外から画像とか動画を引用するテスト

NO IMAGE

とりあえず記事作るにしてもファイルの容量がどうなのか?と気になりましたが


まぁ大丈夫そうです。
それとは別に、既に他所にアップロードしてあるものを活用できないか、ということで作成及び記事投稿のテストも兼ねて、Googleドライブ、OneDriveのファイルを引っ張れないか試してみました。

画像編

画像は<img src="~~~">で引用可能。
画像に外枠を付けたければ border="1" をimgタグ内に入れてどうぞ。

Googleドライブの共有画像を引用

<img src="https://drive.google.com/uc?export=view&id=1oOxaj5ITLuQZ3jZGOZKvrDirj6wl70–" width="640" height="360">


 
 
該当ファイルを選択(クリック)した状態で右クリックメニュー、もしくは右上から「共有」「共有可能なリンクを取得」で該当ファイルのIDを取得し

<img src="https://drive.google.com/uc?export=view&id=ファイルのID番号">

に入力することで引用可能となる。

 
 

OneDriveの共有画像を引用

<img src="https://a1knoa.bl.files.1drv.com/y4mzF86L2kXCWyjl35hxMb0Ztb1OL5DvHP-okLqNNlFnwkRfzTSX9VRHSz5RdICwuDSMoFzfpeoY2EzKz84z1Euub9QSj4UUiU4Wsy6EO6hUmhdX9kNlM-lZoVAjA9TuI7gJTcYmdMALoXd5m5OTOSYNHZxsszj5BI36wrJcJ_50YhgF78IgyMHlW4LfbeuCZnk5z6C_QidHt1yScHJ9oZkKg?width=543&height=384&cropmode=none" width="543" height="384">


 
 
該当ファイルを選択(マウスオーバーで右上〇にチェック、該当ファイルを右クリック等)した状態で右クリックメニュー、もしくは上から「埋め込み」で該当ファイルの埋め込みリンクを生成、取得し

<img src="該当ファイルの埋め込みリンク">

に入力することで引用可能となる。
なおOnedriveではgifファイルがプレビューできないかもしれない。

 
 

動画編

動画は<video src="~~~~" controls="controls"></video>で引用可能。
iframe使えばよくね?使えなかったからぐぐったら権限が低い?とiframe使えないらしい。
 

Googleドライブの共有動画を引用

<video controls="controls" src="https://drive.google.com/uc?authuser=0&id=1rgUPRczMkpta8_qMRA6Qo_ixRO-B0Coo&export=download" width="640" height="360"></video>


 
 
画像と同じく「共有」「共有可能なリンクを取得」で該当ファイルのIDを取得し

<video controls="controls" src="https://drive.google.com/uc?authuser=0&id=該当ファイルのID番号&export=download"></video>

に入力することで引用可能となる。

 
 

OneDriveの共有動画を引用

<video controls="controls" src="https://onedrive.live.com/download?cid=B853455CC34A2583&resid=B853455CC34A2583%215214&authkey=ALeQru-3JxCHxAY" width="640" height"360"></video>


 
 
画像と同じく「埋め込み」で該当ファイルの埋め込みリンクを生成しリンク内から該当ファイルのIDを取得し

<video controls="controls" src="https://onedrive.live.com/download?cid=該当ファイルのID番号"></video>

に入力することで引用可能となる。

 
 

Youtube

https://www.youtube.com/watch?v=p_zasg8oWnA

 
動画ページのURL、もしくは動画プレイヤー右下の「共有」からリンクをコピーしペーストすることで引用可能となる。

 
 

蛇足で動画ではないけれど

SoundCloud

https://soundcloud.com/m2ustudio/m2u-gypsytronic-long-ver


 
 
該当のページのURL、もしくは「Share」からリンクをコピーしペーストすることで引用可能となる。

 
 

あれ?ニコ動は?

<a href>~~~</a>でリンク貼るくらいしか確認できていない。
ニコ動のプレイヤーを引っ張ってくるのが分からない。
http://www.nicovideo.jp/watch/sm31902942
 
 
ツイートのリンクから再生はできるらしい

https://twitter.com/comechu_oppie/status/1026023670945181696


 
動画のみなら一時的に<video src="~~~~" controls="controls"></video>で引用可能であるリンク先が一定ではない。

 
 


 
てことで埋め込みに対応していただきました。
プレイヤーのツイッターとかのボタンのある一番右の共有ボタンからコード取得できます。
 

未分類カテゴリの最新記事

%d人のブロガーが「いいね」をつけました。