WeChat ミニ プログラムのビデオ コンポーネントの紹介

この記事では主にWeChatアプレットビデオコンポーネントの詳細な説明とサンプルコードを紹介しますので、必要な友達は参考にしてください

ビデオ再生コンポーネントと画像読み込みコンポーネントの間に違いはなく、何もありません。使用時に注意すること

重要な属性:

wxml

<!--监听button点击事件-->
<button bindtap="listenerButton">点击显示视频组件</button>

<!--视频组件src资源地址，binderror为监听错误信息-->
<video 
 src="http://mvvideo1.meitudata.com/575c2b652d7375255.mp4"
 style="width: 100%; height: 100%"
 hidden="{{hiddenVideo}}"
 binderror="listenerVideo" />

js

Page({
 data:{
 // text:"这是一个页面"
 hiddenVideo: true
 },
 /**
 * 监听视频加载错误状态
 */
 listenerVideo:function(e) {
  console.log(e.detail.errMsg);
 },
 /**
 * 监听button点击事件
 */
 listenerButton:function() {
  this.setData({
   hiddenVideo: !this.data.hiddenVideo
  })
 }

})

関連記事:

こんにちはWeApp アイコン コンポーネント ウィンドウ テキスト コンポーネント スイッチ コンポーネント bTabbar ボトム ナビゲーション Progress コンポーネント ACTION-SHEET
アプリケーション ライフ サイクル ボタン コンポーネント モーダル コンポーネント
ページ ライフ サイクル チェックボックス コンポーネント
コンポーネント読み込みコンポーネントのモジュール形式
データ バインディング入力コンポーネント ナビゲーター コンポーネント ビュー コンポーネント ピッカー コンポーネント オーディオコンポーネント rScroll-View コンポーネント Radio コンポーネント Video コンポーネント swiper コンポーネント Slider コンポーネント IMAGE コンポーネント


以上がこの記事のすべての内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。 ！

関連する推奨事項:

WeChat アプレットはラジオを使用して単一オプション関数を表示する [ソース コード付き]

WeChat アプレットのフォーム コンポーネントの紹介

以上がWeChat ミニ プログラムのビデオ コンポーネントの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。