如何在產(chǎn)品詳情頁或者文章詳情頁加視頻鏈接(視頻必須是MP4格式)?

2783次閱讀

A.在X系統(tǒng)后臺功能里開啟產(chǎn)品參數(shù)/文章參數(shù)功能,產(chǎn)品視頻參數(shù)名稱寫為:產(chǎn)品視頻,文章視頻參數(shù)名稱寫為:文章視頻。

B.配置代碼:在info_product.swan或info_articlet.swan文件里插入調(diào)用代碼。如果是文章詳情頁的視頻,{{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.在發(fā)布文章或產(chǎn)品的時候添加視頻鏈接,必須是MP4格式的視頻。

0 (1).png

E、重新打包小程序在開發(fā)者工具預(yù)覽效果。

本文由夫唯SEO特訓(xùn)營編輯整理。

搜外專注SEO培訓(xùn)和SEO周邊Saas服務(wù)解決方案,10年來超過五萬學(xué)員在此獲得技術(shù)提升和人脈圈子。

SEO課程包含移動搜索、零基礎(chǔ)建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報名時間7月1日-7月15日,請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo)是:讓非技術(shù)人員輕松學(xué)會互聯(lián)網(wǎng)技術(shù)。

  • 搜外會員SEO交流群(免費(fèi))

    微信掃碼添加客服人員
  • 小程序運(yùn)營交流群(免費(fèi))

    微信掃碼添加客服人員
  • 搜外會員SEM競價交流群(免費(fèi))

    微信掃碼添加客服人員
  • 夫唯學(xué)員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術(shù)實(shí)戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨(dú)立站英文SEO群

    微信掃碼添加客服人員
  • SEO團(tuán)隊KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務(wù)業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學(xué)習(xí)群站SEO
成為互聯(lián)網(wǎng)運(yùn)營推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.137515 Second , 52 querys.