HTML5 手機視頻播放代碼
HTML5 帶來了許多改進,其中之一就是支持手機視頻播放。現(xiàn)在,在不需要 Flash 的情況下,我們可以通過 HTML5 視頻標簽在移動設備上播放視頻。
下面是一個簡單的 HTML5 視頻播放器的代碼,可以在手機上播放視頻。
這是一個 HTML5 視頻播放器的示例:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
視頻標簽可設置多種屬性,如下:
<video width="320" height="240" controls autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
在上面的代碼中,我們添加了controls
和autoplay
屬性,controls
使視頻具有控件,可以播放、暫停、調整音量等。而autoplay
則使視頻自動播放。
同時,如果視頻不能被播放,我們可以添加一段備用文本,這個文本會在無法播放時顯示。
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<p>Your browser does not support the video tag.</p>
</video>
以上就是 HTML5 手機視頻播放器的簡單代碼,可以輕松將其添加到您的網(wǎng)頁中來播放視頻。