号外:《黑客攻防入门学习课程》现已推出,喜欢的朋友请关注!!!

如何在WordPress站点中插入分享视频

网站建设 泰泰 749℃ 0评论

【前言】

视频,不得不说是一种学习上一种最直观的方式,笔者就一直想着在自己的站点上部署一些视频内容,但鉴于刚学习建站不久,又没有大神带,所以只能自己一点一点的去摸索,为了学习怎样在wordpress站点中插入视频,笔者也是没少花功夫。今天就让笔者来告诉大家,如何在自己的wordpress站点中插入可直接观看模式的视频,不需跳转到原视频网站哦。

分享后显示样式

这里可以看到,分享出来的视频是可以直接在本站进行播放的,而无需跳转到原视频网站上去。这样的好处是可以最好的挽留我的的流量客户,并且这样可以给访客一种很好的体验感,不需要什么都跳出去进行浏览,影响体验。

share-style

具体操作步骤

1、分享视频源

要实现以上的分享样式,在分享视频时是有一定要求的,那就是要选择好视频的来源。在视频网站上通常都会有分享视频这一功能的,这时我们需要关注的是,该视频网站是否提供“通用代码”格式(就是含有<iframe>标签)的分享,如果没有,我们是无法实现上面提到的样式的,不过大家也不用担心,现在的一些视频网站几乎都提供这种分享模式的。如:bilibili、腾讯、优酷、爱奇艺等视频网站都支持的。
PS:当然,有一些视频网站提供了“HTML代码”格式分享的代码,也是可以的,这里主要探讨通用化的“通用代码”格式分享。

share-code-style

2、将链接植入文章中

获得上面提到的分享“通用代码”,然后将代码植入到我们要分享的文章当中即可!
注意:在将代码插入到文章中时,一定要在“文本”编辑模式下进行插入,不能以“可视化”编辑模式进行插入,否则实现不了。
具体如下:

insert-video-share-code

此时,发布或者预览文章就可以看到分享出来的视频了。
注:如果视频框过大或者过小,可以调节“通用代码”中的 height 和 width 参数来改变视频框的大小。

PS:如果希望后面对视频做一些样式管理或者什么操作的,可以给视频加一些网页标签,如:

样式标签: class

内容居中标签: certer

【内容补充】

这里提供另一种视频分享方案,使用以下代码:

其中,src=”” 部分替换为真实的视频地址即可,autostart=”” 控制的是视频的自动播放,不需要自动播放的可以删除。

转载请注明:泰泰博客 » 如何在WordPress站点中插入分享视频

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

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