video

基础库版本 1.14.1 开始支持本组件。

在 Android 工程中，从 mPaaS 10.1.58.12 开始支持视频组件，且需要在工程中添加 小程序-视频 组件后方可使用，见下图。

您可通过 video 组件上传并播放视频。相关 API 说明，参见 my.createVideoContext。

效果示例

属性

代码示例

<view>
  <video id="myVideo" 
    src="{{video.src}}" 
    controls="{{video.showAllControls}}"
    loop="{{video.isLooping}}"
    muted="{{video.muteWhenPlaying}}"
    show-fullscreen-btn="{{video.showFullScreenButton}}"
    show-play-btn="{{video.showPlayButton}}"
    show-center-play-btn="{{video.showCenterButton}}"
    object-fit="{{video.objectFit}}"
    autoplay="{{video.autoPlay}}"
    direction="{{video.directionWhenFullScreen}}"
    initial-time="{{video.initTime}}"
    mobilenetHintType="{{video.mobilenetHintType}}"
    onPlay="onPlay" 
    onPause="onPause" 
    onEnded="onEnded"
    onError="onPlayError"
    onTimeUpdate="onTimeUpdate"
   />
</view>

Page({
  data: {
       status: "inited",
    time: "0",
    video: {
    src: "http://flv.bn.netease.com/tvmrepo/2012/7/C/7/E868IGRC7-mobile.mp4",
    showAllControls: false,
    showPlayButton: false,
    showCenterButton: true,
    showFullScreenButton: true,
    isLooping: false,
    muteWhenPlaying: false,
    initTime: 0,
    objectFit: "contain",
    autoPlay: false,
    directionWhenFullScreen: 90,
    mobilenetHintType: 2,
 },},
    onPlay(e) {
    console.log('onPlay');
},
    onPause(e) {
    console.log('onPause');
},
    onEnded(e) {
    console.log('onEnded');
},
    onPlayError(e) {
    console.log('onPlayError, e=' + JSON.stringify(e));
},
    onTimeUpdate(e) {
    console.log('onTimeUpdate:', e.detail.currentTime);
},
});

错误码

支持的视频封装格式

iOS、Android 支持以下视频封装格式：

• mp4
• mov
• m4v
• 3gp
• m3u8
• flv

支持的编码格式

iOS、Android 支持以下编码格式：

• H.264
• H.265
• AAC

常见问题

• Q：video 组件中播放的视频，当用户加载观看完视频一次后再次进行观看时，是拉取的缓存，还是再次使用网络重新加载？
  A：目前的缓存策略是：
  • 如果视频是循环播放，再次观看是拉取的缓存。主要是针对一些循环播放的短视频场景提供缓存能力。
  • 如果不是循环播放，每次都是网络重新加载。
• Q：缓存中的视频何时会清除？
  A：页面销毁或者关闭小程序时会清除。
• Q：小程序如何获取视频时长？
  A：在视频组件 onTimeUpdate 方法中获取。
• Q：在 video 组件中设置 loop 字段为循环播放，删除视频资源后，第二次播放会出现无法播放的情况。
  A：虽然再次播放拉取的是缓存中的视频，但是还是会校验视频资源。