公告栏

关注我们

如何在WordPress文章中嵌入视频

xiaoxiaoyoxiaoxiaoyo SEO好文 2个月前 89 0

  如何在WordPress文章中嵌入视频

  在WordPress博客文章嵌入式视频中,您可以提供添加用户干预的好方法。 WordPress与主流视频网站YouTube,Vimeo,Facebook,Twitter等的兼容性可以直接嵌入视频中。

  本教程主要用于WordPress初学者,以展示如何嵌入视频WordPress博客文章,页面和侧边栏窗口小部件。

  如何在WordPress文章中嵌入视频

  如何在WordPress文章和页面中嵌入视频

  WordPress提供增长自动嵌入效果,它支持来自普遍的视频托管服务的自动访问代码(例如YouTube,Vimeo等,您需要执行此操作以将视频URL粘贴到WordPress编辑器。

  例如,您可以复制要嵌入的视频URL。

  接下来,编辑WordPress文章或页面,以在其中添加视频,然后URL粘贴到内容区域中。

  如何在WordPress文章中嵌入视频

  古腾堡文章嵌入式视频

  在视频URL之后,WordPress将在内容编辑器中立即获得嵌入式代码和显示YouTube视频。

  最后,保留文章或页面,然后单击“预览”按钮以查看嵌入式视频显示效果。

  如何在WordPress文章中嵌入视频

  WordPress嵌入YouTube视频

  添加视频后,您可以在右侧的块工具栏和“设置”列中更改其设置。

  如何在WordPress文章中嵌入视频

  古腾堡编辑器视频块设置

  您可以调整视频宽度以使其全屏,更改对齐等。您还可以添加主题和保留视频长宽比长宽比(即实现响应)。

  WordPress您只能自动嵌入包含在白色列表中的视频服务。对于其他网站,您仍然必须嵌入代码并将其粘贴到博客文章中。

  以下是WordPress官方公告支持自动嵌入式视频服务白名单列表:

  亚马逊

  animoto。

  云

  学院

  众群

  Dailymotion

  Facebook

  Flickr。

  葫芦

  Imgur。

  Instagram。

  issuu。

  Kickstarter。

  meetup.com。

  mixcloud。

  reddit。

  复活词

  截图

  scribd。

  幻灯片

  Smugmug。

  某些人

  SoundCloud。

  扬声器甲板

  Spotify。

  泰德

  tumblr。

  Twitter

  videopress。

  Vimeo

  WordPress.tv

  YouTube

  如果要在列表之外添加视频,则需要此视频的完整HTML嵌入代码。也就是说,海优酷视频,腾讯视频,B站视频,爱奇艺视频等,不能使用

  只需复制视频网站提供的HTML代码并将其粘贴到编辑器中的“自我告知HTML”块中。

  如何在WordPress文章中嵌入视频

  HTML视频嵌入式代码

  使用经典编辑器WordPress嵌入视频

  如果您使用的是WordPress经典编辑器,则可以以相同的方式嵌入视频。

  只需复制URL从诸如YouTube的视频托管服务中,然后将其粘贴到编辑器中。如果使用可视编辑器,您将看到视频的预览。

  如何在WordPress文章中嵌入视频

  使用 XAMPP 本地建筑 WordPress 网站图形教程

  经典编辑器嵌入式视频

  但是,您将无法以与 WordPress 块编辑器相同的方式进行宽度调整和其他选项设置。如果要修改相关参数,则需要切换到文本编辑器来修改代码。

  如何 WordPress 在侧边栏小工具中嵌入视频

  像 WordPress 页面或文章一样,我们也可以将视频嵌入到 WordPress 侧边栏小部件中。

  只需转到外观小工具页面,然后将文本小工具添加到侧边栏即可。

  在窗口小部件设置中,将视频 URL 粘贴到内容区域中。WordPress 将自动获取嵌入的代码并显示视频。

  如何在WordPress文章中嵌入视频

  小工具嵌入式视频

  不要忘记单击 “保留” 按钮以保留小工具设置。

  最后,与网站见面以查看嵌入在 WordPress 侧边栏小部件中的视频。

  我可以将视频直接上传到 WordPress 网站吗?

  是的,但是如果您使用的 WordPress 网站的服务器设置较低,则不建议像往常一样使用。

  因为视频占用了大量的服务器资源。如果视频流量很大,这可能会导致网站溃败。

  我们建议第三方视频网站作为网站视频存储,如 优酷 、 B站 、 腾讯视频 等。使用这些视频网站作为视频存储方。另一个好处是,它们可能会通过这些网站为您带来流量。

  另一种网站视频存储方案是使用 CDN 服务,诸如 又拍云 、 七牛云 和其他 CDN 服务提供商。或现在非常流行 阿里云 OSS 存储,腾讯云 COS 存储。

  WordPress 视频嵌入插件

  默认情况下,视频可以嵌入 WordPress 而无需插件。但是,我们也可以使用插件来改善网站播放视频的用户体验。

  1. Envira Gallery

  如何在WordPress文章中嵌入视频

  Envira Gallery 插件

  默认情况下,WordPress 不包括嵌入式视频库功能。如果您想在页面上显示视频库,您需要一个插件来完成它。

  Envira Gallery 是 WordPress 中最好的多媒体库插件之一。它还带有一个视频插件,该插件支持使用灯箱弹出窗口来确定漂亮的视频库。

  Tips: 闪电博览会主题将提供添加多媒体智能相册的效果,支持视频和图片混合相册的公告,实现文章内容、图片和视频的自动提取形成相册。

  2.视频的延迟加载

  如何在WordPress文章中嵌入视频

  视频插件的延迟加载

  该视频嵌入了来自外部网站的加载脚本,这对页面加载速率和性能都有一定影响。

  视频的延迟加载通过在仅需要页面时加载视频图像来解决此问题。也就是说,它仅在用户单击播放按钮时才加载嵌入的代码。您也可以参考如何在 WordPress 中添加延迟加载到视频。

  WordPress 图像编辑功能图文教程

版权声明

本文仅代表作者观点,不代表xx立场。
本文系作者授权xx发表,未经许可,不得转载。

喜欢0发布评论

评论列表

发表评论

  • 昵称(必填)
  • 邮箱
  • 网址