頁面嵌入 Flash 視頻(<embed> 標籤),需求:頁面打開即自動播放。
<embed> 標籤嵌入的媒體文件,瀏覽器默認會嘗試自動播放。若未生效,可嘗試添加 play="true"、autostart="true" 等屬性(不同播放器支持度不同)。但 Flash 已於 2020 年底停止支持,現代瀏覽器均已移除。
<video
src="movie.mp4"
width="480"
height="370"
controls
autoplay
muted
playsinline>
</video>
autoplay:請求自動播放,無需賦值,存在即生效muted:靜音自動播放,現代瀏覽器策略要求自動播放必須靜音,否則會被阻攔playsinline:iOS Safari 必需,防止進入全屏播放controls:顯示播放控制條,便於用戶交互| 瀏覽器 | 策略 |
|---|---|
| Chrome 66+ | 允許靜音自動播放;有聲需用戶交互後 |
| Firefox 66+ | 默認阻擋有聲自動播放,允許靜音 |
| Safari 11+ | 需 muted + playsinline 才允許自動播放 |
| Edge | 同 Chromium 內核策略 |
muted 屬性實現自動播放controls 讓用戶可手動開啟聲音preload="metadata" 減少首屏流量<video width="480" height="370" controls autoplay muted playsinline>
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
<p>您的瀏覽器不支持 HTML5 視頻播放。</p>
</video>