はてなブログにVineを貼る

Vineめっちゃ楽しい。ブログに貼りたいのでメモ。

Twitter貼り付け

Twitter貼り付けが一番簡単。

テスト vine.co/v/b5EVLQXAIa1

— ウイウさん (@uiureo) 2013年1月26日

動画だけを貼る

右クリックで動画のURLをコピーして、下のようなvideoタグにURLを入れて本文に入力すればOK.

<video autoplay loop preload="auto" src="コピーしたURL"></video>

たとえばURLはこんな感じ。

https://vines.s3.amazonaws.com/videos/1AB0EB23-A5FD-4BA1-AFF2-461DEEBDC847-831-00000351F9526831_1.0.3.mp4?versionId=8H9Z4LyN38arT5fbTwPQEJChI_oj4Osg

こうなる。

<video autoplay loop preload="auto" src="https://vines.s3.amazonaws.com/videos/1AB0EB23-A5FD-4BA1-AFF2-461DEEBDC847-831-00000351F9526831_1.0.3.mp4?versionId=8H9Z4LyN38arT5fbTwPQEJChI_oj4Osg"></video>

TwitterのHTMLソースからコピーするだけだとautoplay属性がついてなくて、自動で再生されない。

音を出さないようにする

muted属性をつける。

<video autoplay loop muted preload="auto" src="URL"></video>