前言
视频,不得不说是一种学习上一种最直观的方式,笔者就一直想着在自己的站点上部署一些视频内容,但鉴于刚学习建站不久,又没有大神带,所以只能自己一点一点的去摸索,为了学习怎样在wordpress站点中插入视频,笔者也是没少花功夫。今天就让笔者来告诉大家,如何在自己的wordpress站点中插入可直接观看模式的视频,不需跳转到原视频网站哦。
分享后显示样式
这里可以看到,分享出来的视频是可以直接在本站进行播放的,而无需跳转到原视频网站上去。这样的好处是可以最好的挽留我的的流量客户,并且这样可以给访客一种很好的体验感,不需要什么都跳出去进行浏览,影响体验。
具体操作步骤
1、分享视频源
要实现以上的分享样式,在分享视频时是有一定要求的,那就是要选择好视频的来源。在视频网站上通常都会有分享视频这一功能的,这时我们需要关注的是,该视频网站是否提供“通用代码”格式(就是含有
2、将链接植入文章中
获得上面提到的分享“通用代码”,然后将代码植入到我们要分享的文章当中即可!
注意:在将代码插入到文章中时,一定要在“文本”编辑模式下进行插入,不能以“可视化”编辑模式进行插入,否则实现不了。
具体如下:
此时,发布或者预览文章就可以看到分享出来的视频了。
注:如果视频框过大或者过小,可以调节“通用代码”中的 height 和 width 参数来改变视频框的大小。
PS:如果希望后面对视频做一些样式管理或者什么操作的,可以给视频加一些网页标签,如:
样式标签: class
<div class="video"> 您想要分享的视频链接 </div>
内容居中标签: certer
<center> 您要分享的视频链接(视频居中显示) </center>
内容补充
这里提供另一种视频分享方案,使用以下代码:
<embed src=" ?aid=275242342" width="720" height="480" autostart="true" ></embed>
其中,src="" 部分替换为真实的视频地址即可,autostart="" 控制的是视频的自动播放,不需要自动播放的可以删除。