確定您的游標位於要插入視訊的地方。
了解如何在網頁中插入 HTML5 視訊以及在瀏覽器中預覽視訊。
Dreamweaver 可讓您將 HTML5 視訊插入網頁。
HTML5 視訊元素提供將影片或視訊嵌入網頁的標準方法。
如需有關 HTML 視訊元素的詳細資訊,請參閱有關 HTML5 視訊的文章,網址為 W3schools.com。
確定您的游標位於要插入視訊的地方。
選取「插入 > HTML > HTML5 視訊」。HTML5 視訊元素隨即插入指定的位置。
在「屬性」面板中,指定各種選項的值。
來源/替換來源 1/替換來源 2:在「來源」中,輸入視訊檔案的位置。或者,按一下資料夾圖示,從本機檔案系統選取視訊檔案。視訊格式的支援會依不同瀏覽器而異。如果「來源」中的視訊格式不受支援,就會使用「替換來源 1」或「替換來源 2」中指定的視訊格式。瀏覽器會選取第一個辨認的格式來顯示視訊。
使用多個選取範圍快速新增視訊到 3 個欄位。當您為資料夾中 1 個相同的視訊選擇 3 個視訊格式時,清單中的第 1 個格式將使用在「來源」。清單中接下來的格式會用來自動填入「替代來源 1」和「替代來源 2」。
如需有關瀏覽器及支援之視訊格式的詳細資訊,請參閱下列表格。如需最新資訊,請參閱 HTML5 - 瀏覽器支援。
|
瀏覽器 |
MP4 |
WebM |
Ogg |
|
Internet Explorer 9 |
是 |
否 |
否 |
|
Firefox 4.0 |
否 |
是 |
是 |
|
Google Chrome 6 |
是 |
是 |
是 |
|
Apple Safari 5 |
是 |
否 |
否 |
|
Opera 10.6 |
否 |
是 |
是 |
儲存網頁。
選取「檔案 > 即時預覽」。選取您要預覽視訊的瀏覽器。
登入您的帳戶