确保光标位于要插入视频的位置。
了解如何在您的网页中插入 HTML5 视频和在浏览器中预览视频。
Dreamweaver 允许您在网页中插入 HTML5 视频。
HTML5 视频元素提供一种将电影或视频嵌入网页中的标准方式。
有关 HTML 视频元素的详细信息,请参阅 HTML5 视频中的文章(位于 W3schools.com)。
确保光标位于要插入视频的位置。
选择“插入”>“HTML”>“HTML5 视频”。HTML5 视频元素将会插入指定位置。
在“属性”面板中,指定各种选项的值。
“源”/“Alt 源 1”/“Alt 源 2”:在“源”中,输入视频文件的位置。 或者,单击文件夹图标以从本地文件系统中选择视频文件。对视频格式的支持在不同浏览器上有所不同。 如果源中的视频格式在浏览器中不被支持,则会使用“Alt 源 1”或“Alt 源 2”中指定的视频格式。 浏览器选择第一个可识别格式来显示视频。
要快速向这三个字段中添加视频,请使用多重选择。 当您从文件夹中为同一视频选择三个视频格式时,列表中的第一个格式将用于“源”。列表中的下列的格式用于自动填写“替换源 1”和“替换源 2”。
有关浏览器和支持视频格式的详细信息,请参见下表。有关最新信息,请参阅 HTML5 - 浏览器支持。
|
浏览器 |
MP4 |
WebM |
Ogg |
|
Internet Explorer 9 |
是 |
否 |
否 |
|
Firefox 4.0 |
否 |
是 |
是 |
|
Google Chrome 6 |
是 |
是 |
是 |
|
Apple Safari 5 |
是 |
否 |
否 |
|
Opera 10.6 |
否 |
是 |
是 |
保存该网页。
选择“文件”>“实时预览”。选择要在其中预览视频的浏览器。
登录到您的帐户