怎樣在html網頁中插入視頻
html技術發展得非常快，比如現在html5已經支持在網頁中插入視頻了。今天咪咪我就來教教大家怎樣在html中插入視頻。
工具/材料
電腦
Hbuilder
視頻素材
操作方法
-
01
第一步，在Hbuilder中新建一個項目，然后把視頻素材給保存到其中某個文件夾。注意，雖然html5支持插入視頻，不過對視頻格式有要求，視頻編碼格式必須是H.264或者是AVC的才可以在網頁中播放哦。一般MP4格式的視頻都可以，少量的不行哦。
-
02
然后新建一個HTML5文件，因為插入視頻用到video標簽，而video標簽是HTML5新增的標簽。
-
03
接著就是使用video標簽了，如圖，添加一對video標簽。
-
04
然后在video標簽里面使用source標簽來鏈接到之前的視頻文件。
-
05
之后，保存網頁，預覽會看到視頻沒有自動播放，接著繼續來完善一下代碼。
-
06
如圖，給video標簽添加autoplay屬性，這樣就可以設置視頻自動播放了。
-
07
如圖，再次保存網頁，當頁面加載完成之后，視頻就會自動播放了。不過這時候只可以自動播放，像一些暫停，調節聲音大小等功能都是沒有的。
-
08
接著我們再給video標簽添加controls屬性，然后保存。
-
09
之后，預覽網頁就會發現當鼠標進入視頻區域，在視頻下方就會多出一個控制欄，在這里就可以快進，暫停，調節聲音，全屏播放了。
-
10
當然，還可以設置video的寬度，比如我就設置為1000px大小。
-
11
這樣視頻區域就會變大，如圖，這里就只能截取視頻的部分區域。
- End
- 發表于 2017-10-12 00:00
- 閱讀 ( 1552 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章