Github Pages+Hexoのブログに動画ファイルの埋め込み

hexo/source直下にvideosディレクトリを作成し、そこへ動画ファイルを配置。
以下のHTMLタグで埋め込み。

1	<video src="/videos/dango.webm" width="480" height="360" controls></video>

多くのブラウザに対応するため数種類の形式を用意する場合は下記。

<video poster="/images/dango.png" preload="metadata" width="480" height="360" controls>
<source src="/videos/dango.webm" type="video/webm">
<source src="/videos/dango.ogv" type="video/ogg">
<source src="/videos/dango.mp4" type="video/mp4">
</video>

（参照サイト）
HTML5/埋め込み/video要素プラグインを使わずに動画を再生する - TAG index Webサイト

表示

Prev
Archive
Next

Github Pages+Hexoのブログに動画ファイルの埋め込み

Comments