社交媒体 如何使用YouTube,Vimeo和其他在线服务在Dreamweaver中托管视频

如何使用YouTube,Vimeo和其他在线服务在Dreamweaver中托管视频

Anonim

刚刚开始使用Dreamweaver将多媒体整合到其作品中的设计师应简化使用流行的视频托管站点之一,如YouTube或Vimeo的。这些托管服务处理存储,带宽,压缩,格式化和视频资产交付给您的用户。

您只需上传视频文件,然后在网页的HTML代码中包含该网站的特殊代码即可。视频可以在您的网页中播放,即使它不在您的网络服务器上。

<! - 1 - >

如果您设计的网站包含保密,敏感或用于实现业务目标的视频,则最好使用内容分发网络(CDN)提供服务。 BrightCove,Akamai和亚马逊网络服务等服务不仅可以处理带宽和传输,还可以将视频剪辑转码为正确的格式,以便在桌面,平板电脑和智能手机上无缝播放。

如果您希望自己的视频免费获得最广泛的受众群体,则YouTube是一个不错的选择,但是您放弃了对视频的一些权利,以换取其在网站上的托管权。同样,当您通过YouTube向您的网站添加视频时,您也会遇到包含YouTube徽标的YouTube播放器以及可能显示的广告。

请务必阅读您使用的任何视频网站的条款和条件,以便您充分理解您可能会提供的权利以及网站将来如何使用您的视频。

<! Vimeo赢得了越来越多的视频专业人士的忠诚度,因为它提供了价格合理的专业服务水平,使您可以更轻松地控制自己的视频的权利,并提供添加视频的选项您的网页没有Vimeo标志或链接到网站上的其他视频。

今天,YouTube和Vimeo似乎为大多数中小型网站提供了最好的选择,但竞争对手正在兴起。这些视频公司提供的服务不断变化,因此您可能需要在决定将视频托管到哪里之前,根据您的需求调查最佳服务。

在YouTube或Vimeo等网站上托管视频的优势包括:

更好的视频压缩:

  • YouTube和Vimeo在将视频上传到服务器时都会对视频进行优化,比自己更好的工作。 向每个访问者发送正确的版本:

  • YouTube会检测访问者的连接速度和设备,并相应地发送视频。如果您使用iPhone访问YouTube,则会看到MP4格式的视频。用电脑查看相同的视频,并看到Flash版本。同样,如果你有一个快速的3G连接,你会看到一个更高分辨率的版本。 带宽成本管理:

  • 这些服务可以帮助您节省资金。如果您的视频变得流行,并且您托管了自己的视频,则可能会超出您的虚拟主机的带宽限制,并产生额外的费用。由于视频比其他类型的内容使用更多的带宽,过度使用可能会花费很多。在YouTube或Vimeo上托管您的视频意味着您不会为视频额外的带宽费用感到惊讶。在YouTube或Vimeo上托管视频很容易。以下是它的工作原理: 通过填写表单(或者如果您已经有帐户登录到您的帐户)在网站上创建一个帐户。

如果您想在Vimeo上使用专业级别的服务,您还必须支付费用。

  1. 通过您的网络浏览器将您的文件上传到网站。

    在这个过程中,视频上传和编码,这可能需要几分钟的时间取决于网站和它是多么繁忙。

  2. 按照网站上的说明复制在您的网站上嵌入视频所需的代码。

    例如,在YouTube中,点击嵌入按钮,该按钮将显示一个对话框,以便您可以控制向用户显示视频的方式。

  3. 在Dreamweaver中打开您的网页。在页面上的HTML代码中,点击您想要视频出现的位置,然后粘贴代码段。

    使用Dreamweaver的“拆分”视图可以很容易找到粘贴代码的正确位置,并确保将代码粘贴到“代码”视图中的Dreamweaver中,而不是“设计”视图中。

如何使用YouTube,Vimeo和其他在线服务在Dreamweaver中托管视频

编辑的选择

如何在Dreamweaver中创建HTML站点地图 - 虚拟人物

如何在Dreamweaver中创建HTML站点地图 - 虚拟人物

创建视觉站点地图,您可以创建网站上所有页面的图表,包括通过导航和子导航的主要页面的互联性。然后,您可以使用这些信息来帮助收集和定义网站内容,并在生成模型时用作指导。

如何创建一个单一的图像CSS3背景 - 傻瓜

如何创建一个单一的图像CSS3背景 - 傻瓜

最简单,最兼容的方式创建一个CSS3的背景,至少有一点点漂亮是使用单个图像。正确的图像说了很多关于您的网站,并提供页面之间的连续性。因为这种方法是标准的,所以你会看到它在很多网站上使用。所有你真正需要的...

如何在CSS3中创建可排序接口 - 傻瓜

如何在CSS3中创建可排序接口 - 傻瓜

电脑要做的,你想要你的CSS3编码来创造这种情况。例如,一台计算机可以按字母顺序将项目比人类可以更快,特别是当列表很长时。但是,排序并不总是合乎逻辑的。您可能希望用户排序...

编辑的选择

尼康D5000数码相机布局 - 傻瓜

尼康D5000数码相机布局 - 傻瓜

这里是一个方便的指针,拨号,按钮和其他外部控制尼康D5000上。 (此数码相机上显示的镜头是与D5000套件一起出售的Nikkor 18-55mm AF-S VR(减震)型号;其他镜头可能不同,标有星号的相机控制具有多种功能。 ...

GoPro相机可以做什么? - 傻瓜

GoPro相机可以做什么? - 傻瓜

GoPro相机可以做什么?这里有一个更相关的问题:你想要做什么?提出这个问题更像是问自己关于自己的愿望和渴望的独特的录像。当你确定你想要捕捉什么时,你所要做的就是将相机连接到...

使用现有的电影为您的GoPro电影 - 傻瓜

使用现有的电影为您的GoPro电影 - 傻瓜

如果你不想创建你自己的GoPro电影照明,你可以尝试使用现有的灯光。以下是在电影中使用可用光源的一些提示。使用白炽灯泡可以使用白炽灯泡来点亮你的电影,但是它们的效果取决于...

编辑的选择

中创建新图像如何在Photoshop CS6中创建新图像 - 傻瓜

中创建新图像如何在Photoshop CS6中创建新图像 - 傻瓜

在Photoshop CS6中从头开始创建一个新的图像。请按照以下步骤使用“新建”功能创建新图像:选择“文件”→“新建”。或者按Ctrl + N(Mac上的Command + N)。输入新文件的名称。如果您不指定名称,Photoshop会为您创建一个名称。 ...

如何在Photoshop CS6中创建新图层 - 虚拟人物

如何在Photoshop CS6中创建新图层 - 虚拟人物

有多种方法可以使用和创建Adobe Photoshop Creative Suite 6中的图层。这些不同的技术可以让您根据您的需求量身定制流程。在打开的图像中创建新的空白图层:单击“图层”面板底部的“创建新图层”图标。您也可以...

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

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

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