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

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

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

1
2
3
4
5
<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サイト

表示   このエントリーをはてなブックマークに追加

Comments

2015年8月28日