来源:创同盟 | 发布时间:2021-07-28
1、先打开网站后台管理,进入对应资讯位置,获取视频地址、视频封面图地址。
首先我们要先把要上传的视频和图片上传到内容里
2、上传之后,点击代码编辑区</>,我们就能看到上传的视频和图片在服务器的相应地址,复制备用。【如果有腾讯云点播,可直接复制云点播链接放置,无需再在后台上传视频切换代码】
视频地址一般是:video标签,是一段**.mp4格式的地址;比如:/userfiles/video/2021/07/22/2021072217154622.mp4
ps:保留这个视频地址,其它已有视频样式的位置,也可以填入;
图片地址一般是:img标签,是一段***.jpg格式的地址 ;比如:/userfiles/images/2021/07/22/2021072217513730.png
3、如果我们是在新闻详情页插入视频,可以复制下方代码,把视频地址和图片地址插入进去。【代码内的width="100%"这个百分数是可以更改的,比如更改成70%视频大小也会在此页面上相应变小】
<p style="text-align: center;">
<video controls="" width="100%" poster=" 图片地址代码 ">
<source src=" 视频地址链接 " type=" video/mp4 "/>
</video>
</p>
4、最后点击保存,清理缓存即可查看效果,完成视频的上传。
ps:注意只能传5M左右的视频,或者第三方获取的视频链接插入!!!