ホームページ > WeChat アプレット > ミニプログラム開発 > WeChatアプレットのビデオコンポーネントの詳細な説明

WeChatアプレットのビデオコンポーネントの詳細な説明

高洛峰
リリース: 2017-02-20 14:09:47
オリジナル
2160 人が閲覧しました

この記事は主に、WeChat アプレットのビデオ コンポーネントの詳細な説明に関する関連情報を紹介します。必要な友達は参照してください。

主な属性:

微信小程序 video组件详解

レンダリング:

微信小程序 video组件详解


<View>1.播放网络视频</View>
<view >
 <video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" binderror="videoErrorCallback"></video>
</view>
<View>2.播放本地视频</View>
<view style="display: flex;flex-direction: column;">
 <video style="width: 100%;height=400px;margin:1px;" src="{{src}}"></video>
 <view class="btn-area">
 <button bindtap="bindButtonTap">打开本地视频</button>
 </view>
</view>
ログイン後にコピー

js:

Page({
 data: {
  src: &#39;&#39;
 },
 /**
  * 打开本地视频
  */
 bindButtonTap: function() {
  var that = this
  //拍摄视频或从手机相册中选视频
  wx.chooseVideo({
   //album 从相册选视频,camera 使用相机拍摄,默认为:[&#39;album&#39;, &#39;camera&#39;]
   sourceType: [&#39;album&#39;, &#39;camera&#39;],
   //拍摄视频最长拍摄时间,单位秒。最长支持60秒
   maxDuration: 60,
   //前置或者后置摄像头,默认为前后都有,即:[&#39;front&#39;, &#39;back&#39;]
   camera: [&#39;front&#39;,&#39;back&#39;],
   //接口调用成功,返回视频文件的临时文件路径,详见返回参数说明
   success: function(res) {
    console.log(res.tempFilePaths[0])
    that.setData({
     src: res.tempFilePaths[0]
    })
   }
  })
 },
 /**
  * 当发生错误时触发error事件,event.detail = {errMsg: &#39;something wrong&#39;}
  */
 videoErrorCallback: function(e) {
  console.log(&#39;视频错误信息:&#39;)
  console.log(e.detail.errMsg)
 }
})
ログイン後にコピー

読んでいただきありがとうございます、皆さんのお役に立てれば幸いです、このサイトをサポートしていただきありがとうございます!

WeChat アプレットビデオコンポーネントの詳細な説明と関連記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート