更好的WordPress主题

WordPress文章内容中插入外链视频的通用iframe方法

摘要:实例展示各大视频网站的视频通用插入方法

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

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

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

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

代码中的 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 代码获取

腾讯视频的 iframe 代码获取

 

爱奇艺视频的 iframe 代码获取

爱奇艺视频的 iframe 代码获取

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

 

获取视频的 iframe 代码

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

 

优酷视频的 iframe 代码获取

优酷视频的 iframe 代码获取

 

腾讯视频的 iframe 代码获取

腾讯视频的 iframe 代码获取

 

爱奇艺视频的 ifra<iframe src="你的视频地址" width="600" height="400" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
me 代码获取

爱奇艺视频的 iframe 代码获取

本文属原创,转载请注明原文:https://themebetter.com/wordpress-iframe-video.html

感觉很棒,欢迎打赏~

886 打赏
  • 头像Linux达人 打赏 一杯奶茶
分享到:

评论 (17)

登录后评论
注:有关主题的售前售后请 提交工单
头像
iframe是主流
头像
好办法。。不占用服务器
头像
这个方法很好。。简单
头像
喜欢用bilibili的通用代码
头像
iframe应该是最方便的。不然还要给视频准备个大大的服务器。
头像
本来是来看看有什么好的插入视频的方法,发现就外链挺好省流量开支
头像
我只用外链视频,因为我怕用错了视频可能担责任,如果视频有问题,外链方自己会处理,省心很多,还能最大程度节省服务器开支,这点很好~!~~
头像
外链视频还是挺不错,只是有些有广告,这个可以在视频站去除的,主要还是省资源了
头像
iframe的视频不对自己的网站造成速度影响,反正大站的速度快,不用白不用,然后去优酷那里搞个去广告的权限就好了。
头像
使用iframe代码后确实减少了一些麻烦,手机端也是没问题的
头像
Iframe确实是通用的形式啊
头像
这样不用担心播放速度问题
头像
iframe方式可以在手机端自适应并且播放,其他方式都有缺陷。
头像
这个没人不知道吧
头像
好方法,不用着急上传了,虽然我们需要的是小视频,但多了也会对速度造成影响。
头像
几天不来,变化很大,首页做的不错。
头像
基本主流的通用代码都支持手机观看视频了吧

建站!你有充足的理由选择我们

世界上超过43%的网站是由WordPress搭建,而我们是国内最靠谱的WordPress主题开发商
在线工单