如何在HTML中插入視頻

在HTML中，可以使用video標籤插入視頻，語法格式“”；video標籤可以定義視頻，支援MP4、WebM、Ogg三種影片格式。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

影片是透過外掛程式（例如 Flash）來顯示的。然而，並非所有瀏覽器都擁有相同的插件。 HTML5 規定了一種透過 video 元素來包含影片的標準方法。

如需在 HTML5 中顯示視頻，您所有需要的是：

<video src="movie.ogg" controls="controls">
</video>

controls 屬性供添加播放、暫停和音量控制。包含寬度和高度屬性也是不錯的主意。

HTML插入影片的程式碼：

<video width="420" height="200" controls autoplay>
        <source src="movie.mp4" type="video/ogg">
        <!--因为我的视频格式是MP4，所以路径的视频格式为MP4，下边注释的地方，就是你的视频什么格式就弄什么格式！-->
        <!--<source src="img/video/movie.mp4" type="video/mp4">
        <source src="movie.webm" type="video/webm">-->
        <object data="movie.mp4" width="320" height="240">
            <embed width="420" height="200" src="movie.mp4">
        </object>
    </video>

效果為：

#推薦學習：《HTML影片教學 》

以上是如何在HTML中插入視頻的詳細內容。更多資訊請關注PHP中文網其他相關文章！