1. 程式人生 > >html之播放器的設定

html之播放器的設定

<!--  如果選擇第一種播放模式,第二種和視訊播放不顯示,會衝突,他們不相容-->
<!-- 音樂播放器自動播放,自帶滾動條 ,新型瀏覽器-->
第一種可以實現自動的播放

<audio src="../music/a.mp3" dir="auto" autoplay controls="controls"/>


 <!-- 各種瀏覽器通用-->這一種需要手動去點選播放按鈕
<audio controls>
<source src="../music/a.mp3">
<source src="../music/a.mp3">

<
embed src="../music/a.mp3"></audio>

<--!視訊播放 --
><video width="320" height="240" controls> 
   <source src="../video/b.mp4" type="video/mp4">    
<source src="movie.ogg" type="video/ogg">   
 <source src="movie.webm" type="video/webm">    
<object data="movie.mp4" 
width="320" height="240"> <embed src="movie.swf" width="320" height="240"> </object></video> 下面分別是隻音樂播放和音樂視訊同時顯示的效果



 <!-- 視訊播