映凡博客资源网
我们一直在努力

【wordpress教程】WordPress文章内容中插入外链视频的通用iframe方法

资源简介:

随着现在各种小视频的风靡,不少使用WordPress程序的站点都在自己的网站中插入视频,考虑到视频的加载体验,themebetter推荐大家使用第三方视频网站的分享代码。顾及到手机端也正常观看视频,分享视频的时候请大家使用通用代码 iframe 形式的代码。

WordPress文章内容中插入外链视频

WordPress后台添加或编辑文章的时候,将编辑器切换到文本模式(编辑器右上角),然后粘贴入你复制过来的 iframe 代码,如下图。

 

代码中的 width=600 和 height=400 分别指的是视频的宽度600和高度400,一般不需要额外调整。themebetter的主题都对视频做了自适应处理,电脑端看起来很大,到了手机端是等比例尺寸缩小。

 

复制以下代码并修改一些参数即可

<iframe src="你的视频地址" width="600" height="400" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

 

下面以国内各大视频网站为例themebetter教大家怎么获取到 iframe 代码。

获取视频的 iframe 代码

注:点击以下图片中的黑色框即可看到分享视频的代码,红色框表示的是 iframe 代码,复制即可。

 

优酷视频的 iframe 代码获取

 

 

爱奇艺视频的 iframe 代码获取

 

 

腾讯视频的 iframe 代码获取

 

 

 

关注公众号:皮皮模仿站

 

赞(2) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《【wordpress教程】WordPress文章内容中插入外链视频的通用iframe方法》
文章链接:https://www.1457vip.com/2688/
网站说明:本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
资源备注:本站资源来源于网络采集,版权归原作者所有,如有侵犯原作者权益,请及时联系我们,我们将在72小时之内删除文章资源。

评论 抢沙发

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

映凡博客资源网&映凡博客网&皮皮模仿站

首页隐私政策

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏