高级编辑

许多内容类型都有一个用于嵌入视频的字段，但是这种方法有局限性:

• 无论嵌入多少个视频，标题和标题都只能有一个。
• 只有YouTube视频可以嵌入。
• 视频不能移动-他们的位置是固定的。
• 视频总是填充可用宽度(100%)。

要实现对视频位置的更多控制，可以通过选择编辑工具最右边的“Source”图标(<>)编辑HTML。

手动嵌入响应视频

步骤1

获取待嵌入视频的URL没有必要使用“share”选项;只需从浏览器复制URL即可。

步骤2

打开一个新的浏览器选项卡，然后转到embedresponsively.com．

步骤3

选择正确的视频来源，通常是YouTube或Vimeo。

URL字段中已经填充了一个示例。复制并粘贴所需的URL到窗口中，然后单击“Embed”。(不要按“Enter”键。这将导致默认URL重新出现。)视频将加载和响应代码将出现在下面的窗口。

步骤4(仅限YouTube;Vimeo转到步骤5)

编辑响应代码以删除相关视频。在代码中找到视频URL，并将光标放在最后一个字符之后，但在结束引号之前。

输入以下代码:? rel = 0．(不包括零后面的句号。)

第五步(Vimeo和YouTube)

复制嵌入代码窗口中的所有代码。您应该已经单击“<> Source”来查看代码。如果没有，现在就这么做。将光标放在希望视频出现的HTML位置，然后粘贴嵌入代码。再次点击“源”按钮，查看视频的位置。您现在可以为每个视频添加单独的标题和标题。只需通过剪切和粘贴代码，就可以将视频移动到页面的任何地方。

注意:只有视频所有者可以禁用Vimeo上的推荐视频。

调整视频

为了使视频的响应性和适合所有设备的大小，宽度和高度不应该固定在特定的像素大小上，然而，有时全尺寸视频在页面上看起来会令人不知所措。

在网页上展示视频还有其他选择。

使用一个DIV

在DIV中包装视频允许在保持响应性的同时对视频进行样式化。在本例中，向左和向右空白添加了10%的填充。

因为使用了百分比，而不是像素，这个视频将为移动设备正确调整大小。

要使用此方法，将响应嵌入代码封装在以下DIV代码中:

< div风格= " padding-left: 10%;padding-right: 10%”>

标题和嵌入代码在这里。

< / div >

标题代码可以放在DIV代码的内部或外部，这取决于所需的结果。在上面的例子中，标题在DIV中，在DIV中放置标题或标题必须通过编辑HTML来完成。

使用一个网格

div也可以用来在一行中显示多个视频。如果页面没有cta或右侧轨道上没有菜单，视频可能会三横显示。否则，并排放置的视频不能超过两个。

这个DIV使用类。在这个例子中，有两个并排的视频，所以每个视频的开始代码是:

< div class = " l-2up”>

如果需要连续播放三个视频，则代码将更改为1-3up，等。

与前面的示例一样，该方法也是响应性的。在手机上观看时，视频会被堆叠起来。

要使用此方法，将响应嵌入代码封装在以下DIV代码中:

< div class = " l-2up”>

第一个标题和嵌入代码放在这里。

< / div >

< div class = " l-2up”>

第二个标题和嵌入代码放在这里。

< / div >

与第一种方法不同的是，不能通过再次单击“Source”按钮预览此布局。这些视频看起来是堆叠在一起的，然而，在发布之后，它们将并排出现。

标题样式

使用这种方法，标题(如果有的话)应该放在单独的div中。要添加另一行，请对新的视频和标题重复代码。根据需要添加。当设计标题时，要注意视频有多小。标题应该是H3或更小。

添加水平规则

如果您不使用标题，您可能希望在每组视频之后放置一条水平规则(行)，这将出现在行之间。否则，视频会靠得太近。

横线的HTML格式是<人力资源/ >．您也可以使用CKEditor添加它。将鼠标悬停在这一行最后一个视频的底部，直到看到以箭头结尾的红线和“在此插入段落”的字样。单击箭头添加空格，然后单击水平线图标(E旁边)。

不要使用表格

不要使用表格将视频放置在网格中。虽然这似乎在桌面工作，但表格没有响应，并不能在小型移动设备上正确显示视频。

在Drupal中创建内联链接与大多数其他编辑器(无论是编辑文档还是web页面)基本相同。如果要链接到网页，请选择要链接的文本，单击链接图标，然后输入URL。但是，如果您想链接到一个文件，例如PDF或jpeg，该怎么办呢?实体浏览器(文件浏览器)允许您选择一个文件并在页面上创建指向该文件的链接，但该链接将出现在您正在编辑的段落下方。有一个解决办法。如果您不习惯编辑HTML，请向webteam寻求帮助。

pdf文档

确定所需的文件是否已经上传。你可能搜索上传的文件，这里．如果没有找到,上传新文件，在这里，然后返回已上传的文件列表。单击文件名末尾的光标并将其拖到左边。复制文件名。(如果愿意，只需记下文件名即可。)返回到正在编辑的页面。选择要链接的文本并单击链接按钮。将文件名粘贴到链接框中。在文件名之前插入以下文本:/ /默认/文件/网站．点击“保存”。

图片