iT邦幫忙

DAY 4
2

只是路過 HTML5 系列 第 4

HTML5的Video標籤(2)

  • 分享至 

  • xImage
  •  

audio和video都是Media Elements-

介紹在<video>裡可以放置的特性(Attributes)-

src
autoplay
poster(video特有屬性)
width height(video特有屬性)
HTML5以前,使用<object>標籤,

加上Flash Player或ActiveX control外掛程式。

HTML5之後,直接使用<video>標籤就可以播放影片了。

而**<video>標籤用法,就像是<img>標籤,插入圖片的方式。**

例如:插入圖片
<img src="photo.jpg" width="100" height="100">

src
指定影片檔的URL路徑。

在HTML5插入的影片不會自動播放,若要自動播放,需要新增autoplay屬性。

autoplay
指定影片是否自動播放

用法:

<video 
src="http://progressive.totaleclips.com.edgesuite.net/105/e105598_257.mp4" 
autoplay></video>

poster(video特有屬性)
影片若沒有載入或尚未載入時,指定顯示的圖片

用法:

<video 
src="http://progressive.totaleclips.com.edgesuite.net/105/e105598_257.mp4" 
poster="CannotUse.jpg"> </video>

width height(video特有屬性)
指定影片畫面的寬度與高度(以像素為單位)

<video 
src="http://progressive.totaleclips.com.edgesuite.net/105/e105598_257.mp4" 
width="500" height="500"></video>

今天加班很晚回家><
明天要出任務~早上五點起床
呼~今天先筆記到這裡
第一次寫技術筆記
很多都不太會
希望可以逼自己努力下去


上一篇
HTML5的Video標籤(1)
下一篇
HTML5的Video標籤(3)
系列文
只是路過 HTML5 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言