html5支援三種視訊格式:Ogg,mp4,WebM,主要用到了video標籤
工具/原料
Intellij IDEA
方法/步驟
首先,下載html5開發軟體Intellij IDEA,這個直接在百度搜索框中搜索即可。
開啟軟體,點選file,選擇New project,在彈出的對話方塊中,選擇static web選項中的html5,點選next,在新對話方塊中,輸入專案名稱,點選finish
實現視訊的播放,主要用到了video標籤,利用src屬性,指定視訊存放的位置,可以播放本地的音訊也可以選擇網路上的視訊地址,用controls屬性,引用系統預設的控制按鈕
當然,我們也可以自己寫按鈕,控制視訊的播放,暫停,放大,縮小,這裡主要用到了button按鈕
寫入button的判斷事件,當點選播放時(判斷當前視訊是否為暫停狀態),播放視訊,點選暫停時(判斷當前視訊是否為播放狀態),暫停視訊,
當點選放大時,設定視訊的寬度和高度(比原本的寬度,高度要大)
準備工作做完了,可以點選run按鈕預覽一下了。。
注意事項
注意視訊的格式,一定要是上面所說的三種格式之一
瀏覽器版本不能太老,IE9以上