社交媒体 如何在Dreamweaver中插入音频和视频文件 - 傻瓜

如何在Dreamweaver中插入音频和视频文件 - 傻瓜

视频: 插入链接到图片、音频、视频等 2024

视频: 插入链接到图片、音频、视频等 2024
Anonim

虽然您可以使用Dreamweaver将视频文件直接插入网页,但我们最好的建议是使用其中一种视频托管服务,例如作为YouTube或Vimeo。

从插入菜单中选择媒体时,可以找到多个视频和音频选项。如果要插入使用较旧和更专有格式(如Windows Media Video(.wmv)或QuickTime(。mov))之一的视频文件,请从“插入”的“媒体”下拉列表中选择“插件”选项菜单。

<! --1 - >

如果您想要使用HTML5视频标签使用最新的视频格式,可以按照以下步骤将视频插入MP4,webM或Ogg Theora格式:

  1. 点击您想要的位置该文件出现在您的网页上。

  2. 选择插入→媒体→HTML5视频。

    也可以单击“插入”面板中的下拉列表,选择“媒体”,然后选择“HTML 5视频”。包含电影图标的小灰盒子出现在您的设计中。

    <! - 2 - >

  3. 点击包含胶卷图标的小灰盒。

    视频属性显示在屏幕底部的属性检查器中。

  4. 在“属性”检查器的“来源”字段中,输入视频文件的URL或选择“浏览”图标,然后选择硬盘驱动器上的视频文件。

    选择文件后,路径和文件名将显示在“源”窗口中。

  5. (可选)使用Alt Source 1和Alt Source 2字段输入URL或以其他格式浏览和选择视频。

    使用HTML5视频标签的复杂之处在于,您可以使用三种视频格式:mp4,Ogg Theora和webM。如果您希望您的视频在所有流行的网络浏览器中播放,则需要以三种格式包含视频。

    您会看到所有这三个来源字段都填入了各种格式的视频。另外,您可以在Flash Fallback字段中包含适用于旧版Web浏览器的Flash视频。

    如果你认为以四种不同的格式嵌入四个不同的视频文件是疯狂的,你并不孤单。这种复杂性是由于浏览器公司之间缺乏什么格式最适合视频的协议。

    使用Vimeo或YouTube来托管您的视频的另一个优点是,您只需以一种格式上传视频,而YouTube和Vimeo就可以自动将其转换为所有这些格式。

  6. 分别在“属性”检查器的“H”和“W”字段中输入高度和宽度。

    添加音频或视频时,Dreamweaver不会自动确定文件的高度和宽度,因此在插入文件后需要在属性检查器中添加尺寸。

  7. 保存页面,然后单击预览(地球)图标(位于工作区域的顶部)在浏览器中打开页面,以确保兼容性。不是所有的视频格式都能在所有浏览器中播放。测试您的视频,确保它至少在您定位为主要目的地的浏览器中播放。如果您将文件设置为“自动播放”,则当文件加载到浏览器中时,文件将自动播放。否则,您的浏览器插入一个简单的控制器,以便您可以启动,暂停,快进和倒带视频。

如何在Dreamweaver中插入音频和视频文件 - 傻瓜

编辑的选择

探索Solid Tools 8 - 傻瓜

探索Solid Tools 8 - 傻瓜

Solid工具为Google SketchUp建模者提供了一种全新的方式工作。实体建模操作(或布尔操作)使您能够通过相互之间添加或减去其他形状来创建所需的形状。这种类型的建模在其他3D应用程序中实际上很常见;现在SketchUp可以做...

地理定位您的SketchUp模型 - 虚拟模型

地理定位您的SketchUp模型 - 虚拟模型

SketchUp是唯一被授予完全访问Google巨大的地理奇迹 - 当你花了六年时间成为谷歌稳定的成员时,会发生这种情况。按照以下步骤为您的SketchUp文件添加地理位置快照:确保您在线。 Google的所有地理数据都是...

如何在SketchUp房屋模型中添加二楼

如何在SketchUp房屋模型中添加二楼

直接在下面的一个顶部保证您的SketchUp建筑模型中的所有内容排成一列。有些人主张“打到旁边”,把事情放在一起,但这是一个麻烦的办法。这是你如何添加二楼的房子模型。追踪内部...

编辑的选择

如何在Photoshop CS6中创建云 - 虚拟人物

如何在Photoshop CS6中创建云 - 虚拟人物

Photoshop CS6中的云过滤器可以鼓起一片满天的只需点击鼠标即可从头开始。此过滤器使用来自前景和背景颜色的随机值创建云。事实上,大多数Photoshop老手使用这个过滤器太多,他们的图像中有一个惊人的云数量。 ...

如何使用Adobe Output Manager创建PDF演示文稿 - 傻瓜

如何使用Adobe Output Manager创建PDF演示文稿 - 傻瓜

您可以创建PDF ,多页面和演示文稿,以及网络画廊,通过桥梁的输出面板。便携式文档格式(PDF)是Adobe Acrobat的本地文件格式,已经变成了一种非常有用且接近通用的格式。很难找到没有Adobe Reader的计算机(免费软件来打开和查看PDF文件)...

如何在Adobe Photoshop CS6中创建剪切路径 - 虚拟人物

如何在Adobe Photoshop CS6中创建剪切路径 - 虚拟人物

如果要创建美丽的人影在Adobe Photoshop CS6中,可以很好地传输到其他应用程序进行文本换行,创建剪贴路径。剪切路径本质上是一个矢量路径,它定义了图像的哪一部分是可见的,哪一部分是透明的。通常围绕一个对象创建一个路径...

编辑的选择

约会50后:满足大量可用人在线 - 虚拟人物

约会50后:满足大量可用人在线 - 虚拟人物

作为新人50多岁的时候,你可能会遇到你们教会的每一个人,你们将通过那个场地见面。也许有一些新的人会弹出,但不是太多,而不是单身。但网络是不同的。新人总是出现。关系分手,配偶...

约会50:确定你是一个好听众 - 假人

约会50:确定你是一个好听众 - 假人

这里是一个在50岁以上成功约会的重要提示:确保你是一个很好的倾听你的约会的人。以下是有效倾听的前五个要素:稳定,专注的眼神接触微笑和面部表情,表明你已经理解,并且你很专心问题要求更多...

约会50后:重新学习如何成为一个伟大的爱人 - 傻瓜

约会50后:重新学习如何成为一个伟大的爱人 - 傻瓜

Copyright©2014 AARP 。版权所有。当你在50岁之后再次开始约会时,你的性习惯可能有点生疏。不要被你不知道的东西吓倒。作为一个伟大的情人,有一些基本的规则,如果你和你的伴侣有一个共同的愿望,以取悦每一个...