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

 

公開日:2013年7月17日

 

Twitter
facebook
line
hatebu


ロボット兵

貼り付け埋め込みテスト

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


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


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



 

スポンサードリンク

 



Twitter


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

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

https://twitter.com/manabehirotsugu/status/357087958668570624/photo/1


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 WPtouch nextpageでPCでは改ページ分割せずスマートフォンスマホでは改ページ分割表示させる方法

    サーバーお引越ししました。

    WordPress Popular Postsを更新したら表示がおかしくなったりずれる時に試すこと。

    WordPressの管理画面が英語になって日本語に変更したい時。

    WPtouchの管理画面メニュー日本語化

    WordPress Popular Postsで同じカテゴリの人気記事を表示する

コメントをどうぞ

「お名前(ペンネーム)」と「コメント」のみで送信いただけます。メールアドレスなどは必要ありません。
内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。
承認後表示されます。承認されず削除されることもあるので予めご了承下さい。