🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 如何插入视频和音频 # 插入代码 ## 视频代码 ~~~ <video src="http://oio3wdesm.bkt.clouddn.com/zhenyi.mp4" controls="controls" poster="https://www.qwqoffice.com/html2wxml/video/poster.jpg"></video> ~~~ ## 音频代码 ~~~ <audio src="http://oio3wdesm.bkt.clouddn.com/ces.mp3" controls="controls" name="测试音频" author="智能名片" poster="https://www.qwqoffice.com/html2wxml/audio/poster.jpg"></audio> ~~~ | 参数 | 说明 | | --- | --- | | src | 视频/音频地址 | | author | 作者 | | poster | 封面图片 | # 后台编辑代码插入代码 ## 点击切换编辑HTML切换到代码模式 ![](https://box.kancloud.cn/0a8338585143ef0a6d7ccf3443121a1a_1904x447.jpg) ## 放入代码 ~~~ <p> <video src="http://oio3wdesm.bkt.clouddn.com/zhenyi.mp4" controls="controls" poster="https://www.qwqoffice.com/html2wxml/video/poster.jpg"></video> </p> <p> <audio src="http://oio3wdesm.bkt.clouddn.com/ces.mp3" controls="controls" name="测试音频" author="智能名片" poster="https://www.qwqoffice.com/html2wxml/audio/poster.jpg"></audio> </p> <p> 我是测试的备注文字(这里必须写一段话,否则无法保存成功) </p> ~~~ ## 切换预览 ### 点击HTML切换到预览模式 ![](https://box.kancloud.cn/770c55f320d8db3e8c97f18ec11e2d47_1875x717.jpg) ## 总要 ### 添加视频或音频无法保存,需要最后添加一段文本,才能保存成功 # 手机端效果 ![](https://box.kancloud.cn/8fb72b1a39fce6cc13f0edfc30515824_1080x2160.jpg)