html5_视频播放

悠悠 2022-05-25 05:08 316阅读 0赞

1. 视频播放

<table> 
 <tbody> 
 <tr> 
 <td style="background:rgb(213,213,213);">属性</td> 
 <td style="background:rgb(213,213,213);">值</td> 
 <td style="background:rgb(213,213,213);">描述</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_video_autoplay.asp" title="HTML5 <video> autoplay 属性" rel="nofollow">autoplay</a></td> 
 <td style="background:rgb(239,239,239);">autoplay</td> 
 <td style="background:rgb(239,239,239);">如果出现该属性，则视频在就绪后马上播放。</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_video_controls.asp" title="HTML5 <video> controls 属性" rel="nofollow">controls</a></td> 
 <td style="background:rgb(239,239,239);">controls</td> 
 <td style="background:rgb(239,239,239);">如果出现该属性，则向用户显示控件，比如播放按钮。</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_video_height.asp" title="HTML5 <video> height 属性" rel="nofollow">height</a></td> 
 <td style="background:rgb(239,239,239);">pixels</td> 
 <td style="background:rgb(239,239,239);">设置视频播放器的高度。</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_video_loop.asp" title="HTML5 <video> loop 属性" rel="nofollow">loop</a></td> 
 <td style="background:rgb(239,239,239);">loop</td> 
 <td style="background:rgb(239,239,239);">如果出现该属性，则当媒介文件完成播放后再次开始播放。</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_video_preload.asp" title="HTML5 <video> preload 属性" rel="nofollow">preload</a></td> 
 <td style="background:rgb(239,239,239);">preload</td> 
 <td style="background:rgb(239,239,239);">如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_video_src.asp" title="HTML5 <video> src 属性" rel="nofollow">src</a></td> 
 <td style="background:rgb(239,239,239);">url</td> 
 <td style="background:rgb(239,239,239);">要播放的视频的 URL。</td> 
 </tr> 
 <tr> 
 <td style="background:rgb(239,239,239);"><a href="http://www.w3school.com.cn/tags/att_video_width.asp" title="HTML5 <video> width 属性" rel="nofollow">width</a></td> 
 <td style="background:rgb(239,239,239);">pixels</td> 
 <td style="background:rgb(239,239,239);">设置视频播放器的宽度。</td> 
 </tr> 
 </tbody> 
</table>

<!--

src 路径

muted 静音

controls 暂停、音量等控件

poster 封面

width 宽

height 高

preload 则视频在页面加载时进行加载，并预备播放。

\-->

<video

src="video/1.mkv"

muted