HTML5視頻標簽 video 的 poster 屬性


<video> 標簽定義視頻,比如電影片段或其他視頻流,可以放置視頻資源,並添加視頻控件。

支持的瀏覽器:

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 標簽。

注:Internet Explorer 8 以及更早的版本不支持 <video> 標簽。

 

簡單的html5視頻:

視頻加載失敗時會顯示標簽內的文字。

<video src="movie.ogg" controls="controls"> 您的瀏覽器不支持 video 標簽。 </video>

豌豆資源搜索網站https://55wd.com 廣州vi設計公司http://www.maiqicn.com

poster :帶有預覽圖(海報圖片)的視頻

poster 屬性規定視頻下載時顯示的圖像,或者在用戶點擊播放按鈕前顯示的圖像。

如果未設置該屬性,則使用視頻的第一幀來代替。

代碼如下:

<video controls poster="/images/w3h5.gif">    <source src="movie.mp4" type="video/mp4">    <source src="movie.ogg" type="video/ogg">    Your browser does not support the video tag. </video>

所有主流瀏覽器都支持 poster 屬性。

注:Internet Explorer 8 以及更早的版本不支持 <video> 標簽。

語法:

<video poster="URL">

屬性值 URL :

規定圖像文件的 URL。

可能的值:

絕對 URL - 指向另一個網站(比如 href="http://www.example.com/poster.jpg")

相對 URL - 指向網站內的文件(href="poster.jpg")


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM