H5 多媒體標簽
阿新 • • 發佈:2019-05-09
iphone 同時 code 註意事項 controls flash 瀏覽器 圖像 自動選擇
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--embed:可以直接插入音頻視頻,本質是通過本機安裝的音頻視頻播放軟件來播放的。要求必須已經安裝了這些軟件 兼容性--> <!--flash: 1.先學習flash,增加使用成本 2.iphone,ipd,不支持flash--> <!--audio:音頻--> <!-- src:播放文件的路徑 controls:音頻播放器的控制器面板 autoplay:自動播放 loop:循環播放--> <!--<audio src="../mp3/aa.mp3" controls></audio>--> <!--video:視頻--> <!-- src:播放文件的路徑 controls:音頻播放器的控制器面板 autoplay:自動播放 loop:循環播放 poster:指定視頻還沒有完全下載完畢,或者用戶沒有點擊播放前顯示的封面。 默認顯示當前視頻文件的第一副圖像 width:視頻的寬度 height:視頻的高度--> <!--註意事項:視頻始終會保持原始的寬高比。意味著如果你同時設置寬高,並不是真正的將視頻的畫面大小設置為指定的大小,而只是將視頻的占據區域設置為指定大小,除非你設置的寬高剛好就是原始的寬高比例。所以建議:在設置視頻寬高的時候,一般只會設置寬度或者高度,讓視頻文件自動縮放--> <!--<video src="../mp3/mp4.mp4" poster="../images/l1.jpg" controls height="600"></video>--> <!--source:因為不同的瀏覽器所支持的視頻格式不一樣,為了保證用戶能夠看到視頻,我們可以提供多個視頻文件讓瀏覽器自動選擇--> <!--<video src="../mp3/flv.flv" controls></video>--> <video controls> <!--視頻源,可以有多個源--> <source src="../mp3/flv.flv" type="video/flv"> <source src="../mp3/mp4.mp4" type="video/mp4"> </video> </body> </html>
H5 多媒體標簽