视频: 插入链接到图片、音频、视频等 2024
虽然您可以使用Dreamweaver将视频文件直接插入网页,但我们最好的建议是使用其中一种视频托管服务,例如作为YouTube或Vimeo。
从插入菜单中选择媒体时,可以找到多个视频和音频选项。如果要插入使用较旧和更专有格式(如Windows Media Video(.wmv)或QuickTime(。mov))之一的视频文件,请从“插入”的“媒体”下拉列表中选择“插件”选项菜单。
<! --1 - >如果您想要使用HTML5视频标签使用最新的视频格式,可以按照以下步骤将视频插入MP4,webM或Ogg Theora格式:
-
点击您想要的位置该文件出现在您的网页上。
-
选择插入→媒体→HTML5视频。
也可以单击“插入”面板中的下拉列表,选择“媒体”,然后选择“HTML 5视频”。包含电影图标的小灰盒子出现在您的设计中。
<! - 2 - > -
点击包含胶卷图标的小灰盒。
视频属性显示在屏幕底部的属性检查器中。
-
在“属性”检查器的“来源”字段中,输入视频文件的URL或选择“浏览”图标,然后选择硬盘驱动器上的视频文件。
选择文件后,路径和文件名将显示在“源”窗口中。
-
(可选)使用Alt Source 1和Alt Source 2字段输入URL或以其他格式浏览和选择视频。
使用HTML5视频标签的复杂之处在于,您可以使用三种视频格式:mp4,Ogg Theora和webM。如果您希望您的视频在所有流行的网络浏览器中播放,则需要以三种格式包含视频。
您会看到所有这三个来源字段都填入了各种格式的视频。另外,您可以在Flash Fallback字段中包含适用于旧版Web浏览器的Flash视频。
如果你认为以四种不同的格式嵌入四个不同的视频文件是疯狂的,你并不孤单。这种复杂性是由于浏览器公司之间缺乏什么格式最适合视频的协议。
使用Vimeo或YouTube来托管您的视频的另一个优点是,您只需以一种格式上传视频,而YouTube和Vimeo就可以自动将其转换为所有这些格式。
-
分别在“属性”检查器的“H”和“W”字段中输入高度和宽度。
添加音频或视频时,Dreamweaver不会自动确定文件的高度和宽度,因此在插入文件后需要在属性检查器中添加尺寸。
-
保存页面,然后单击预览(地球)图标(位于工作区域的顶部)在浏览器中打开页面,以确保兼容性。不是所有的视频格式都能在所有浏览器中播放。测试您的视频,确保它至少在您定位为主要目的地的浏览器中播放。如果您将文件设置为“自动播放”,则当文件加载到浏览器中时,文件将自动播放。否则,您的浏览器插入一个简单的控制器,以便您可以启动,暂停,快进和倒带视频。