AI智能
当前位置:
涂社首页 / 网站资讯 / 技术相关 / 如何在产品详情页或者文章详情页加视频链接(

如何在产品详情页或者文章详情页加视频链接(

2023-09-12 22:19   责任编辑: 涂社互联      阅读次数:6389   

A.在X系统后台功能里开启产品参数/文章参数功能,产品视频参数名称写为:产品视频,文章视频参数名称写为:文章视频。

B.配置代码:在info_product.swan或info_articlet.swan文件里插入调用代码。如果是文章详情页的视频,{{cpsp}}改为{{wzsp}}。

<view class="wrap">

<view class="video-wrap">

<video id="myde" style="width: 100%;" src="https://www.setujun.com/{{info.cpsp}}" controls bindplay="play" bindpause="pause" bindfullscreenchange="fullscreen" bindended="ended"autoplay="true"> </video>

</view>

</view>

0.png

C.在index.css最后插入样式代码。

.video-wrap{width:100%;padding:20rpx 0;}

0.png

D.在发布文章或产品的时候添加视频链接,必须是MP4格式的视频。

0 .png

E、重新打包小程序在开发者工具预览效果。

扫二维码与项目经理沟通

我们在微信上24小时期待您的声音

解答:网站建设APP开发小程序开发

涂社互联是色涂君网络旗下专注于网站建设APP开发小程序开发定制解决方案为主的互联网营销落地品牌。以客户需求为导向,客户利益为出发点,结合自身设计及专业建站优势,为客户提供从基础建设到营销推广的一整套解决方案,探索并实现客户商业价值较大化,为所有谋求发展的企业贡献全部力量。

涂社互联公众号
色涂君网络旗下涂社互联官方微信公众号