WordPress知识分享

在WordPress网站嵌入YouTube视频的几种办法

WordPress 嵌入YouTube视频比较容易,魏艾斯笔记分享多种方法和工具,把以 Youtube视频及其他国外视频嵌入到网页内容中。

做外贸网站建议在适当页面放工厂视频、产品视频,这种视频大部分是调用 Youtube 的。给网站添加视频的好处是增加访客停留时间,间接给 SEO优化加分,同时与访客建立联系、加深了解、促进行动。

1、如何获取Youtube视频链接

打开一个油管视频,在右下角点击“分享”按钮。

弹窗直接点击“复制”即可。

<!-- wp:paragraph -->
<p>打开一个油管视频,在右下角点击“分享”按钮。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>弹窗直接点击“复制”即可。</p>
<!-- /wp:paragraph -->

2、经典编辑器嵌入视频

好多使用 WordPress 经典编辑器的网站,把上面获取到的视频URL粘贴编辑框中,系统会自动把 youtube链接嵌入成视频展示出来。

其他平台比如 Vimeo、DailyMotion 等都可以用相同的方法。

3、古腾堡编辑器嵌入视频

古腾堡编辑器有内置区块,能嵌入各种来源的视频。虽然写着 Youtube,但也适用于其他视频。

首先添加要嵌入视频的YouTube块,这是古腾堡编辑器自带的区块。

首先添加要嵌入视频的YouTube块,这是古腾堡编辑器自带的区块。

把上面获取的分享链接粘贴进去,点击“嵌入”按钮,系统会自动转换成嵌入式的视频,并立即展示出来。

视频区块适用于以下国外视频

  • YouTube
  • Vimeo
  • Animoto
  • DailyMotion
  • Screencast
  • TikTok
  • VideoPress
  • WordPress tv

4、WordPress侧边栏嵌入youtube视频

WordPress小部件可以帮助你在WordPress侧边栏中嵌入油管视频。

定位到 WordPress 后台 > 外观 > 小工具。

如下图所示,点击+号,搜索 video,点击或拖拽视频到右侧合适位置。

把油管视频URL(也可以是 Vimeo 或其他国外视频)填入,点击“嵌入”,稍等就能看到视频了。

古腾堡侧边栏添加youtube视频

5、Elementor编辑器嵌入youtube视频

使用 elementor编辑文章页或页面。

在元素中搜索 video,会看到三种不同的 video元素,拖拽下图中的那个到右侧编辑区域。

在元素中搜索 video,会看到三种不同的 video元素,拖拽下图中的那个到右侧编辑区域。

选择视频来源:YouTube、Vimeo、Dailymotion、Self hosted。

把链接粘贴到下面 Link 中即可。

选择视频来源:YouTube、Vimeo、Dailymotion、Self hosted。
把链接粘贴到下面即可。

根据个人喜好配置其他参数设置,比如可以自动播放视频、禁用播放器控件、用户控制是否播放、保护用户隐私、延迟加载、推荐视频内容等。

Elementor Pro 还可以使用动态内容功能从自定义字段动态插入视频链接。

开启图像叠加(image overlay)功能显示静态图像,能延迟加载视频,直到用户播放,会加快网站加载时间,提高用户体验。

Elementor Pro 还提供媒体轮播小部件( Media Carousel widget),创建包含来自 YouTube 或 Vimeo 的嵌入视频的轮播滑块。在小部件的设置中为幻灯片类型选择视频,添加缩略图。

在视频链接添加 YouTube 或 Vimeo 视频URL。

6、插件嵌入 Youtube视频列表/频道

Embed Plus for YouTube插件除了可以嵌入 单独的Youtube视频外,还能嵌入视频列表、频道等。

对于插件的安装使用请看 WordPress嵌入油管视频插件 Embed Plus for YouTube。

7、嵌入其他国外视频

比如 Vimeo、DailyMotion等国外视频的嵌入方法与上面经典编辑器和古腾堡编辑器的方法一样。

而 Hulu视频需要使用 iframe代码,放入古腾堡编辑器的自定义HTML块或经典编辑器的“文本”选项卡中。

8、WordPress自己存储视频

虽然 WordPress 可以上传视频,但并不建议在 WordPress中存储视频,对于服务器是一个很大的考验。

我们把视频上传到油管、Amazon S3等第三方平台,一样可以轻松调用。

9、总结

在 WordPress中展示视频最合适的办法,就是上传到第三方平台,然后在网站中调用代码,只需要复制粘贴即可。

赞(3)
文章名称:《在WordPress网站嵌入YouTube视频的几种办法》
文章链接: https://www.vpsss.net/27376.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。
分享到

相关推荐

  • 如何清除浏览器缓存文件
  • Updating Failed Could Not Insert Post Into The Database 解决方法
  • 再谈网站使用CDN对网站的好处
  • 禁用 WordPress 的 wp-cron 定时任务及面板替代
  • PbootCMS网站搬家记录
  • WordPress用户名枚举漏洞的解决过程
  • 记一次WordPress数据库无法链接的问题解决
  • 还在首页放Sliders轮播图?为什么反对滚动图及看法

聚圣源明星 子女起名路由器密码金博会风雨哈佛路迅雷下载报纸起名王字好听女孩起名一起发企业名录网王者荣耀艾琳中国人如何起一个英文名姓郭的女孩起名起什么名字好呢明星给儿子起名字xbox360怎么破解法不容情尚城新界明代服饰生辰八字起网名网婴儿起名字生辰八字起名免费梦色蛋糕师第二季表格相同的名字排在一起卡丹路休闲服饰服务企业起名大全一个手机号可以注册几个微信号适合给房屋地产起名夫人跟老爷的小妾跑了女孩起名大全免费取名字大全起名算命农业公司起名字大全免费包姓男孩起名男孩互联网公司起名大全最新随机选字起名淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高?胖东来员工每周单休无小长假“开封王婆”爆火:促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

聚圣源 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化