如何在产品详情页或者文章详情页加视频链接(视频必须是MP4格式)?

2779次阅读

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="/{{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 (1).png

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

本文由夫唯SEO特训营编辑整理。

搜外专注SEO培训和SEO周边Saas服务解决方案,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程包含移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

192期A班报名时间7月1日-7月15日,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标是:让非技术人员轻松学会互联网技术。

  • 搜外会员SEO交流群(免费)

    微信扫码添加客服人员
  • 小程序运营交流群(免费)

    微信扫码添加客服人员
  • 搜外会员SEM竞价交流群(免费)

    微信扫码添加客服人员
  • 夫唯学员SEO交流群(VIP)

    微信扫码添加客服人员

扫码获取资源

微信扫码添加客服人员
  • SEO技术实战微信群

    微信扫码添加客服人员
  • 大站流量总监群(审核身份)

    微信扫码添加客服人员
  • Google独立站英文SEO群

    微信扫码添加客服人员
  • SEO团队KPI管理表格

    微信扫码添加客服人员
  • 工业品网站友情链接群

    微信扫码添加客服人员
  • 本地生活服务业友链群

    微信扫码添加客服人员

跟夫唯老师系统学习群站SEO
成为互联网运营推广大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入门、新闻源推广……
Processed in 0.142076 Second , 41 querys.