Videos

This is a video test post.

Video Tag

You can insert an online or local video to your site using html5 video tag.

For example,

1
2
3
4
5
6
<video width=600 height=400  src="http://www.w3school.com.cn/example/html5/mov_bbb.mp4"  poster="http://archive.furtherfield.org/sites/furtherfield.org/files/imagecache/content_width_598px/p_2359.jpg"  controls="controls">
<!-- source src="http://www.w3school.com.cn/example/html5/mov_bbb.mp4" type="video/mp4" -->
<!-- source src="movie.ogg" type="video/ogg" -->

your browser does not support the video tag.
</video>

HTML Video - Browser Support

In HTML5, there are 3 supported video formats: MP4, WebM, and Ogg.

The browser support for the different formats is:

Browser MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES YES YES
Safari YES NO NO
Opera YES (from Opera 25) YES YES

HTML Video - Media Types

File Format Media Type
MP4 video/mp4
WebM video/webm
Ogg video/ogg

Attention:
Ogg = V.Codec: Theora & A.Codec: Vorbis
MPEG4 = V.Codec: H.264 & A.Codec: AAC
WebM = V.Codec: VP8 & A.Codec: Vorbis

Read FFMPEG and HTML5 Video to know more.

Others

Bilibili

1
<iframe src="//player.bilibili.com/player.html?aid=28777599&cid=49864265&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="560px"> </iframe>

Youtube

1
{% youtube HWHBCsUR-58 %}

Vimeo

1
{% vimeo 82090131 %}