前言:
而今大家对“css怎么插入视频”大体比较关怀,各位老铁们都需要了解一些“css怎么插入视频”的相关文章。那么小编同时在网摘上收集了一些对于“css怎么插入视频””的相关内容,希望小伙伴们能喜欢,姐妹们一起来学习一下吧!继续分享wordpress建站教程。做wordpress外贸建站的用户都喜欢在网站中插入youtube视频,所以今天就分享如何给网站插入YouTube视频。
(此处已添加小程序,请到今日头条客户端查看)
wordpress中其实默认都是可以插入YouTube视频,但是大家在使用时可能还是会遇到一些问题,有可能插入不成功,所以接下来悦然wordpress建站给大家分享几种方法。
作者:悦然WordPress建站
准备工作
首先,我们需要打开YouTube视频,然后点【SHARE】,它会提示多种分享方式,插入网站中我们主要会用到短链接或Embed代码这两种方式。
方法1:使用YouTube区块
在wordpress古腾堡编辑器中已经包含了YouTube区块,所以我们可以直接添加一个YouTube区块,然后填写YouTube视频分享的短链接(视频页面的完整链接也可以),点【嵌入】即可。
这个方法很简单的,但是该方法可能会受到主题、插件、网络、服务器等影响,导致嵌入不成功。
方法2:使用HTML插入
如果方法1不能用,那么也不用纠结,我们可以使用HTML代码插入YouTube视频。复制前面准备工作中提到的Embed代码。
古腾堡编辑器使用HTML插入YouTube视频
如果你使用的是古腾堡编辑器,可以添加一个HTML区块,把Embed代码粘贴进去。
然后我们点预览就可以看到嵌入的YouTube视频了。不过这里要注意的是你的网络需要能连接到YouTube才行。
经典编辑器使用HTML插入YouTube视频
HMTL插入YouTube视频的方法基本是通用的,所以在经典编辑器中,这个方法也适用。
如果你使用woocommerce插件制作网站,在添加产品时想加上YouTube区块该怎么办呢?woocommerce的产品编辑页面默认是经典编辑器样式的,所以不能直接添加HTML区块。
此时我们可以在编辑器页面点【文本】,这里可以直接插入HTML代码,我们把前面复制的Embed代码粘贴进去,如上图所示。粘贴完成后我们再点【可视化】
如上图,这样YouTube视频就嵌入成功了。
还有一些编辑器可能没有【文本】那个选项,比如在一些多供应商系统的编辑器中,此时我们就没办法直接插入HTML代码了。但是这些编辑器实际上是支持HMTL的,所以我们可以从其它地方把视频复制进来。
比如我们可以在有HTML功能的编辑器中先添加好YouTube视频,如上图,悦然wordpress建站先在古腾堡区块编辑器中添加好视频(使用HTML或短链接方式插入都行),添加成功后,我们选中整个视频,按CTRL+C,然后在不支持HTML的编辑器按CTRL+V粘贴,此时你会发现整个视频都粘贴进来了。
方法3:使用插件
可以实现嵌入YouTube视频的wordpress插件有很多,比如Embed Plus for YouTube、EmbedPress等等。插件的使用就不讲了,安装就可以使用。
总结
以上就是今天分享的wordpress建站教程,分享了几种插入YouTube视频的方法,希望对您有所帮助。
标签: #css怎么插入视频