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

スポンサーリンク

 
ロボット兵

スポンサーリンク
  1. 貼り付け埋め込みテスト
    1. Twitter
      1. Twitterの写真 埋め込みコードそのまま
      2. Twitterの写真だけを埋め込むのとサイズ変更は出来ないのかな?分からず
      3. Twitterのvine動画 埋め込みコードそのまま
      4. vineの600px Simple 埋め込みコードそのまま
      5. vineの600px Postcard 埋め込みコードそのまま
      6. vineの480px Simple 埋め込みコードそのまま
      7. vineの480px Postcard 埋め込みコードそのまま
      8. vineの320px Simple 埋め込みコードそのまま
      9. vineの320px Postcard 埋め込みコードそのまま
      10. vineの200px Simple 埋め込みコード width,height200pxへ書換変更
      11. vineの200px Postcard 埋め込みコード width,height200pxへ書換変更
      12. vineの100px Simple 埋め込みコード width,height100pxへ書換変更
      13. vineの100px Postcard 埋め込みコード width,height100pxへ書換変更
    2. Instagram
      1. TwitterのInstagram写真 埋め込みコードそのまま
      2. Instagram写真 埋め込みコードそのまま
      3. Instagram写真 埋め込みコード width400,height464pxへ書換変更
      4. Instagram写真 埋め込みコード width300,height348pxへ書換変更
      5. Instagram写真 埋め込みコード width200,height232pxへ書換変更
      6. Instagram写真 埋め込みコード width100,height116pxへ書換変更
      7. Instagram写真 埋め込みコードにmedia/?size=mを付けてwidth306,height306へ書換変更
      8. Instagram写真 埋め込みコードにmedia/?size=tを付けてwidth150,height150へ書換変更
      9. TwitterのInstagram動画 埋め込みコードそのまま
      10. Instagram動画 埋め込みコードそのまま
      11. Instagram動画 埋め込みコード width300,height348pxへ書換変更
      12. Instagram動画 埋め込みコード width200,height232pxへ書換変更
      13. Instagram動画 埋め込みコード width100,height116pxへ書換変更
      14. Instagram動画 埋め込みコードにmedia/?size=mを付けてwidth306,height306へ試しに書換変更してみたが動かず

貼り付け埋め込みテスト

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″になっていたので、縦横比を合わせて書き換えしました。

 
 
 

飛行石

 

 

次の日コンビニで受け取れるの最強だから
楽天の方はこっち!
WORDPRESS
スポンサーリンク
まなべひろつぐをフォローする
スポンサーリンク
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
まなべやブログ

コメント