Twitter写真、Vine動画、Instagram写真、動画をタグでブログに貼り付け埋め込んでサイズ変更などどういうふうに見えるか試してみました。

スポンサードリンク
スポンサードリンク

 
ロボット兵

スポンサードリンク

貼り付け埋め込みテスト

Twitter写真、Vine動画、Instagram写真、動画をコードやタグでブログに貼り付け埋め込んで、サイズ変更などの方法を使って、どういうふうに見えるか試してみました。

 
※初心者のため、仕組みなどあまり分かっておらず、公式で出てくるコードをそのまま貼付けしたものと、width,heightだけをいじったものが殆どです。

 
※あまり音が無い場所で撮影したので、vineで音有りにしても何も聞こえないかもしれません。Instagram動画は音無しなのか、動画ファイルとして再生すると音が出たりするのかな。詳しく分からず。

 
 
 

 
 
 

Twitter

 
 

Twitterの写真 埋め込みコードそのまま

Twitterの写真だけを埋め込むのとサイズ変更は出来ないのかな?分からず

眞鍋弘嗣@まなべやブログ on Twitter
“ロボット兵”

 
 

Twitterのvine動画 埋め込みコードそのまま

 
 

vineの600px Simple 埋め込みコードそのまま

vineの600px Postcard 埋め込みコードそのまま

 
 

vineの480px Simple 埋め込みコードそのまま

vineの480px Postcard 埋め込みコードそのまま

 
 

vineの320px Simple 埋め込みコードそのまま

vineの320px Postcard 埋め込みコードそのまま

 
 

vineの200px Simple 埋め込みコード width,height200pxへ書換変更

vineの200px Postcard 埋め込みコード width,height200pxへ書換変更

 
 

vineの100px Simple 埋め込みコード width,height100pxへ書換変更

vineの100px Postcard 埋め込みコード width,height100pxへ書換変更



書き換えたコードです。




 
 

Instagram

 
 

TwitterのInstagram写真 埋め込みコードそのまま

 
 

Instagram写真 埋め込みコードそのまま

 
 

Instagram写真 埋め込みコード width400,height464pxへ書換変更

 
 

Instagram写真 埋め込みコード width300,height348pxへ書換変更

 
 

Instagram写真 埋め込みコード width200,height232pxへ書換変更

 
 

Instagram写真 埋め込みコード width100,height116pxへ書換変更



書き換えたコードです。


 
 

Instagram写真 埋め込みコードにmedia/?size=mを付けてwidth306,height306へ書換変更

 
 

Instagram写真 埋め込みコードにmedia/?size=tを付けてwidth150,height150へ書換変更



書き換えたコードです。


 
※media/?size=◯参考にさせて頂きました。ありがとうございました。
Instagramの画像を埋め込むための共有URLを取得する簡単な方法

 
 

TwitterのInstagram動画 埋め込みコードそのまま

 
 

Instagram動画 埋め込みコードそのまま

 
 

Instagram動画 埋め込みコード width300,height348pxへ書換変更

 
 

Instagram動画 埋め込みコード width200,height232pxへ書換変更

 
 

Instagram動画 埋め込みコード width100,height116pxへ書換変更



書き換えたコードです。


 
 

Instagram動画 埋め込みコードにmedia/?size=mを付けてwidth306,height306へ試しに書換変更してみたが動かず

 
Instagram動画はvineのSimpleみたいに、動画だけ貼り付けるのはできないのかな。分からず。

 
 
 
※Instagramはもとのコードが、width=”612″ height=”710″になっていたので、縦横比を合わせて書き換えしました。

 
 
 

飛行石

 

 

コメント

タイトルとURLをコピーしました