Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
devwiki:html5 [2017/01/18 03:57]
ying [Style related operation]
devwiki:html5 [2017/02/10 01:57] (current)
ying [HTML5 Elements (Widgets)]
Line 65: Line 65:
  
 </​code>​ </​code>​
 +
 +====== HTML5 Elements (Widgets) ======
 +
 +**Video**
 +
 +  * code for video <code html>
 +<​style>​
 +video#​bgcover{ ​
 +  min-width:​100%;​ min-height:​100%; ​
 +  width: auto; height:​auto; ​
 +  background: url(./​image/​my_video.png) no-repeat;
 +  background-size:​ cover;
 +</​style>​
 +
 +<!-- if no poster, it will loop -->
 +<video id='​bgcover'​ autoplay poster='​./​image/​my_video.png'>​
 +  <​source ​ src='​./​image/​my_video.ogv'​ type='​video/​ogv'​ />
 +  <​source ​ src='​./​image/​my_video.webm'​ type='​video/​webm'​ />
 +  <​source ​ src='​./​image/​my_video.mp4'​ type='​video/​mp4'​ />
 +</​video>​
 +</​code>​
 +
 ====== HTML 5 - Interactive Charts and Canvas ====== ====== HTML 5 - Interactive Charts and Canvas ======