91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序中媒體組件的示例分析

發布時間:2021-06-04 14:31:36 來源:億速云 閱讀:151 作者:小新 欄目:移動開發

這篇文章主要介紹微信小程序中媒體組件的示例分析,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

先來看看效果圖:

微信小程序中媒體組件的示例分析 

1、圖片Image

<!-- 
 scaleToFill:不保持縱橫比縮放圖片,使圖片的寬高完全拉伸至填滿 image 元素 
 widthFix:寬度不變,高度自動變化,保持原圖寬高比不變 
 aspectFill:保持縱橫比縮放圖片,只保證圖片的短邊能完全顯示出來。 
    也就是說,圖片通常只在水平或垂直方向是完整的,另一個方向將會發生截取。 
 aspectFit: 保持縱橫比縮放圖片,使圖片的長邊能完全顯示出來。也就是說,可以完整地將圖片顯示出來。 
 
 --> 
 
<image style='width: 100%; height:150px' src='../img/models.jpg' mode='scaleToFill'></image> 
<image style='width: 200px; height:200px' src='../img/models.jpg' mode='widthFix'></image> 
<image style='width: 200px; height:100px' src='../img/models.jpg' mode='aspectFill'></image> 
<image style='width: 200px; height:100px' src='../img/models.jpg' mode='aspectFit'></image>

圖片顯示,可根據  mode屬性設置不同的顯示模式。

2、音樂播放  audio

<!-- 
 簡單的實現音樂播放 
 src:播放音頻的資源地址 
 poster:封面圖片地址 
 controls:是否顯示默認控件 
 name:歌曲名稱 
 author:歌曲作者 
 --> 
<audio src="{{url}}" poster="{{poster}}" controls="true" author="{{author}}" name="{{name}}"></audio>

3、視頻播放 video

<!-- 
 播放視頻 
 src:視頻資源鏈接 
 danmu-list:彈幕列表 
 danmu-btn:是否顯示彈幕按鈕 
 enable-danmu:是否展示彈幕,只在初始化有效 
 loop:是否循環播放 
 muted 是否靜音播放 
 --> 
 
<video id='videocontext' src="{{src}}" danmu-btn='true' danmu-list='{{danmuList}}' enable-danmu='true' loop='false' muted='false'></video> 
<input class='text_danmu' bindblur='bindInputBlur' type='text'></input> 
<button bindtap='bindSendDanmu' type='primary'>提交彈幕</button>

控件使用都和H5的差不多,代碼少,功能強大;

以上是“微信小程序中媒體組件的示例分析”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

万山特区| 江达县| 常德市| 西吉县| 梁河县| 平邑县| 金乡县| 启东市| 光泽县| 康乐县| 二连浩特市| 通江县| 石景山区| 阳谷县| 蓬溪县| 南和县| 铜梁县| 盐池县| 三穗县| 彰化市| 镇原县| 浪卡子县| 合阳县| 贺州市| 綦江县| 炎陵县| 慈利县| 鞍山市| 苗栗县| 伊川县| 霍林郭勒市| 石林| 甘孜县| 克东县| 昂仁县| 湖南省| 临夏县| 获嘉县| 靖西县| 麦盖提县| 宝应县|