HTML的poster屬性主要應(yīng)用在<video>元素中一也，用于在視頻下載或用戶單擊播放按鈕時(shí)顯示圖像；如果未設(shè)置此圖像喉脖，則會(huì)將第一幀視頻作為海報(bào)圖像椰苟。
原文地址：HTML的poster屬性怎么用？
HTML poster屬性
語法：
<video poster="URL">
屬性值：它包含一個(gè)值URL树叽，用于指定源圖像的鏈接舆蝴。下面列出了兩種類型的URL鏈接：
● 絕對(duì)URL：它指向另一個(gè)網(wǎng)頁。
● 相對(duì)URL：它指向同一網(wǎng)頁的其他文件题诵。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h3>沒有設(shè)置poster屬性</h3>
<video width="400" height="200" controls>
<source src="http://img.php.cn/ueditor/php/upload/video/20190327/1553657855333112.mp4"
? ? ? ? ? type="video/mp4">
<source src="http://img.php.cn/ueditor/php/upload/video/20190327/1553657855333112.ogg"
? ? ? ? ? type="video/ogg">
</video>
<h3>沒有設(shè)置poster屬性</h3>
<video width="400" height="200" controls
? ? ? ? ? poster="https://img.php.cn/upload/article/000/000/006/5d2bed9f2e789818.jpg">
<source src="http://img.php.cn/ueditor/php/upload/video/20190327/1553657855333112.mp4"
? ? ? ? type="video/mp4">
<source src="http://img.php.cn/ueditor/php/upload/video/20190327/1553657855333112.ogg"
? ? ? ? type="video/ogg">
</video>
</body>
</html>
效果圖：
瀏覽器支持
● Google Chrome 4.0
● Internet Explorer 9.0
● Firefox 3.5
● Apple Safari 4.0
● Opera 10.5
相關(guān)推薦：
