首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如果在anqicms的文章里面插入一个视频?

问:如果在anqicms的文章里面插入一个视频?

答:在anqicms的文章里面,是可以插入一个视频的。

注意:

下面的方法,适合绝对大多数的cms,是通用的教程,只要程序支持html代码即可。插入视频分两种视频,一种是有绝对地址的通常是以.mp4结尾的视频,另一种是看不到视频的绝对地址的,比如各大视频平台的视频。

方法如下:

1、插入有绝对视频地址的视频

在文章的指定位置,点击code按钮,把下面的代码粘贴进去。

代码说明:

width="320" 这个是视频显示的宽度, height="240"是视频显示的高度

source src="视频地址"是视频的真实地址。

本文插入一个视频代码:

显示效果如下:

我上面的视频代码解读:

我上面的视频的宽度设置的不是固定宽度,而是宽度显示为100%,那样在手机和电脑的访问都有很好的兼容性。比固定的大小看起来更加舒服。

上面的视频是我本人以前录制的视频,而且上传到了自己的服务器上面,地址是以mp4结尾的,有固定地址的视频,使用上面的调用代码。

2、插入没有绝对视频地址的视频

下面,我再说说,我们调用爱奇艺,腾讯视频,优酷,哔哩哔哩等视频平台的代码。

因为爱奇艺,腾讯视频,优酷的视频都是有广告的,我们就调用哔哩哔哩的,那样没有广告了。

比如我很喜欢的一个视频《管道的故事》,我们做一个网站,就是给自己做一条管道,一台服务器上面可以做很多个网站,以后网站就是我们养老的管道。

我希望每一个做网站的人都要看懂视频的意义,让我们增加更多的管道。

好了,先说说方法吧:

首先到哔哩哔哩首页搜索一个你要的视频,比如我就是搜索 管道的故事,搜索结果有很多,我选择一个高清一点的,完整的一点的,打开视频,视频的下方有一个分享按钮,点击分享按钮弹出更多的菜单,我们选择嵌入代码。如下图所示:

获取的代码如下:

把上面的代码在你要显示的位置,点击代码模式,粘贴代码即可,不过自己一看,显示框有一点小,自己在添加一个显示的宽度为100%,高度600吧,就在视频地址的后面加一个 width="100%" height="600"。完整代码如下:

显示效果如下:

好了,这个就是插入了哔哩哔哩网站的视频,同样的其他视频平台也是一样的方法,大家去体验一下吧!

  • 发表于:
  • 原文链接https://page.om.qq.com/page/O7lUfFidTjkIlSMR33jYWTyQ0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券