<view class="container">
  <view class="body">
    <view class="btn-area">
      <button type="primary" size="default" bindtap="prerender">开始预渲染</button>
      <button type="primary" size="default" bindtap="play">复用预渲染的视频进行播放</button>
      <video tt:if="{{show}}" autoplay="{{true}}" src="{{src}}"></video>
    </view>
  </view>
</view>

Page({
  data: {
    srcList: [
      "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/test/test-upload.mp4",
      "https://sf1-ttcdn-tos.pstatp.com/obj/developer/sdk/1534422848153.mp4",
    ],
    src: "",
    show: false,
    idx: 0,
  },
  prerender() {
    this.setData(
      { idx: (this.data.idx + 1) % this.data.srcList.length },
      () => {
        tt.prerenderVideo({
          src: this.data.srcList[this.data.idx],
          success: (res) => {
            tt.showToast({
              title: "预渲染成功",
            });
            console.log(`预渲染成功，res = `, res);
          },
          fail: (res) => {
            tt.showToast({
              title: "预渲染失败",
            });
            console.log(`预渲染失败，res = `, res);
          },
        });
      }
    );
  },
  play() {
    this.setData({ src: this.data.srcList[this.data.idx], show: true });
  },
});