HTML連載8-video標籤

​1、video標籤html

1.做用:播放視頻git

2.格式:<video src="視頻地址「></video>github

3.可添加的屬性:微信

(1)autoplay="autoplay"表明能夠在頁面中自動播放,不可被用戶中斷ide

(2)controls="controls」用於顯示視頻的控制條oop

(3)poster="地址「用於播放視頻以前顯示什麼東西(圖片)post

(4)loop="loop"循環播放該視頻(通常廣告就是這麼放上去的)ui

(5)preload=預加載視頻(演示的爲本地視頻視頻,因此在這裏演示不了)注意:preload與autoplay相沖突。.net

(6)muted=」muted「靜音選項視頻

(7)width、height屬性,用於設置視頻框的大小。

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>d52_vidoe_labelz</title>

</head>

<body>

<video src="神祕巨星.mp4" controls="controls" poster="image/play_tennis.jpg"  height="500px" width="600px">華盛頓郵報</video>

</body>

</html>

<!--autoplay="autoplay" loop="loop" preload="preload"-->

  

 


2、源碼

d52_vidoe_label1

地址:https://github.com/ruigege66/HTML_learning/blob/master/d52_vidoe_label1

2.CSDN:https://blog.csdn.net/weixin_44630050(心悅君兮君不知-睿)

3.簡書:https://www.jianshu.com/u/a9169ca4f1c9(心悅君兮君不知dqr)

4.歡迎關注微信公衆號:傅里葉變換

相關文章
相關標籤/搜索