嵌入

视频、图像、推文、音频和其他内容嵌入您的 WordPress 网站非常容易。

块编辑器 #

自 WordPress 5.0 以来,块编辑器创建了一种更简单的方式来在我们的 WordPress 网站上嵌入内容。使用嵌入块,只需复制 URL 并粘贴到块中。

对于每个特定块,都有许多自定义选项。您可以在下表中或通过所有核心块的列表找到每个块的说明。

顶部↑

好的,那么我可以从哪些网站嵌入? #

您可以使用所有这些:

服务堵塞嵌入类型自从
亚马逊 Kindle 即时预览亚马逊 Kindle Block视频WordPress 4.9
动漫本动画块视频WordPress 4.0
云上积云块视频、画廊、图片WordPress 4.4
人群信号人群信号块民意调查和调查WordPress 3.0
每日运动DailyMotion 块视频WordPress 2.9
FacebookFacebook 决定关闭 oEmbed 端点。发布, 活动, 照片, 视频, 媒体, 问题, 注意WordPress 4.7
弗里克Flickr 块视频和图像WordPress 2.9
吉菲动画 GIFWordPress 4.7
伊姆古尔Imgur 块图片WordPress 3.9
InstagramFacebook 决定关闭 oEmbed 端点。图片WordPress 3.5
发行发行块文件WordPress 4.0
众筹Kickstarter 块项目WordPress 4.2
Meetup.comMeetup.com 块各种各样的WordPress 3.9
混合云混合云块音乐WordPress 4.0
照片桶图片WordPress 2.9
红迪网Reddit 区块帖子和评论WordPress 4.4
混响混响块音乐WordPress 4.4
抄写本抄写块文件WordPress 2.9
幻灯片共享幻灯片共享块演示幻灯片WordPress 3.5
SmugMugSmugMug 块各种各样的WordPress 3.0
声云声云块音乐WordPress 3.5
扬声器甲板音箱台座演示幻灯片WordPress 4.4
SpotifySpotify 块音乐WordPress 3.6
泰德TED块视频WordPress 4.0
抖音TikTok块视频WordPress 5.4
棒棒哒Tumblr 块各种各样的WordPress 4.2
推特推特块推文、个人资料、列表、收藏、喜欢、时刻WordPress 3.4
视频出版社VideoPress 块视频WordPress 4.4
维密欧视频WordPress 2.9
WordPress插件目录插件WordPress 4.4
WordPress.tvWordPress.tv 块视频WordPress 2.9
YouTubeYouTube 屏蔽视频WordPress 2.9

笔记

  • Twitter – 旧版本的 WordPress 存在 https 嵌入问题,只需从 https 中删除 s 即可修复。
  • YouTube – 仅公开和“未列出”的视频和播放列表 – 不会嵌入“私人”视频。
  • Tumblr – 仅识别帖子 (name.tumblr.com/post/etc),不识别独立图像 (name.tumblr.com/image)

由于 Facebook 决定关闭 嵌入 Facebook 和 Instagram 链接的 oEmbed 端点,该块将在 2020 年 10 月 24 日之后不再起作用。想要将 Facebook 和 Instagram 链接嵌入其网站的发布者将需要一个开发者帐户和一个 appid,并在他们对端点的调用中提供一个身份验证令牌。Facebook 文档:  创建应用程序

顶部↑

用法 #

要将视频或其他对象嵌入帖子或页面,请将其 URL 放入内容区域。确保 URL 在单独的行中并且没有超链接(查看帖子时可单击)。

例如:

看看这个很酷的视频:
http ://www.youtube.com/watch?v=dQw4w9WgXcQ
这是一个很酷的视频。

WordPress 会自动将 URL 转换为 YouTube 嵌入,并在可视化编辑器中提供实时预览。

另一种选择是将 URL 包装在“ embed短代码中。

// 注意:尝试删除 '[' 和 'embed' 之间的空格。
[嵌入宽度=“123”高度=“456”]http://www.youtube.com/watch?v=dQw4w9WgXcQ[/embed]

如果 WordPress 未能嵌入 URL,则帖子将包含指向该 URL 的超链接。

顶部↑

o嵌入 #

简单嵌入功能主要由 oEmbed 提供支持,oEmbed 是站点 A(例如您的博客)向站点 B(例如 YouTube)请求嵌入站点 B 内容所需的 HTML 的协议。

oEmbed 旨在避免从托管您希望嵌入的媒体的站点复制和粘贴 HTML。它支持视频、图像、文本等。

顶部↑

这适用于任何 URL 吗? #

不,默认情况下不是。WordPress 只会嵌入与内部白名单匹配的 URL。这是出于安全目的。

顶部↑

如何添加或更改对网站的支持? #

添加对其他网站的支持取决于该网站是否支持 oEmbed。

顶部↑

添加对支持 oEmbed 的站点的支持 #

如果站点支持 oEmbed,您需要调用wp_oembed_add_provider()将站点和 URL 格式添加到内部白名单。

顶部↑

添加对非 oEmbed 站点的支持 #

您需要使用wp_embed_register_handler()注册处理程序并提供生成 HTML 的回调函数。

顶部↑

删除对支持 oEmbed 的站点的支持 #

如果您希望删除启用 oEmbed 的提供程序,您需要调用wp_oembed_remove_provider

顶部↑

oEmbed Discovery 怎么样? #

从 4.4 版开始,WordPress 支持 oEmbed 发现,但对可以通过非白名单站点嵌入的内容类型有严格的限制。

具体来说,过滤 HTML 和视频内容以仅允许链接、块引用和 iframe,并且额外过滤这些内容以防止插入恶意内容。然后将 HTML 修改为沙盒,并对它们进行额外的安全限制。

但是,如果您认为自己知识渊博,不需要这种级别的安全,您可以让unfiltered_html用户(管理员和编辑)能够从在其<head>.

“链接”和“照片”类型的 oEmbed 发现内容并没有以这种方式进行严格过滤,但是为了安全和防止任何恶意内容显示在站点上,它被适当地转义。

顶部↑

外部资源 #

  • oEmbed.com – oEmbed 官方网站,提供规范的技术细节

顶部↑

嵌入变更日志 #

  • 2.9
    • 引入内置嵌入支持。
  • 3.0
    • 添加:SmugMug、FunnyOrDie
  • 3.4
    • 补充:推特
  • 3.5
    • 嵌入选项已从设置媒体屏幕中删除。
    • 添加:Instagram、SoundCloud、SlideShare
  • 3.6
    • 添加:Rdio,Spotify
  • 3.9
    • 已移除:Qik(该服务于 2014 年 4 月关闭)
  • 4.0
    • 对在编辑器wp.mce.views中显示嵌入的预览代码进行了重大修改。
    • 已添加:CollegeHumor、Issuu、Mixcloud、YouTube 播放列表、TED 演讲
    • 已移除:Viddler(由于服务关闭其 oEmbed 端点而被移除)
  • 4.1
    • 补充:藤蔓
  • 4.2
    • 添加:Kickstarter,Tumblr
    • 已移除:修订版 3
  • 4.4
    • 添加:ReverbNation、Cloudup、Reddit、SpeakerDeck、VideoPress
    • 移除:昙花一现
  • 4.4.1
    • 删除:Rdio(服务关闭)
  • 4.5
    • 补充:推特时刻,收藏
  • 4.7
    • 新增:Twitter 个人资料、列表、点赞
    • 已添加:Facebook 帖子、活动、照片、视频、媒体、问题、注释
  • 5.1  :
    • 重命名:PollDaddy 服务已重命名为 Crowdsignal
  • 5.6:
    • 添加了关于嵌入块编辑器的部分,为块编辑器文档链接创建了一个新列,关于 Facebook 和 Instagram 结束 OAuth 的注释,更新了 Codex 链接,添加了一个新的更改日志和重新排序的页面。
    • 补充:抖音
    • 移除:Blip、Hulu、CollegeHumor、FunnyOrDie.com 和 Vine

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top