简单的微信小程序FW播放器代码

以下是一个简单的微信小程序FW播放器代码的示例：

<video src="{{videoUrl}}" poster="{{posterUrl}}" bindplay="onPlay" bindpause="onPause"></video>
<view class="controls">
  <button class="play-btn" bindtap="playOrPause">
    <image class="{{isPlaying ? 'pause-icon' : 'play-icon'}}" src="{{isPlaying ? 'pause.png' : 'play.png'}}"></image>
  </button>
  <slider class="progress" value="{{currentTime}}" max="{{duration}}" bindchange="onSliderChange"></slider>
  <text class="time">{{formatTime(currentTime)}} / {{formatTime(duration)}}</text>
</view>

Page({
  data: {
    videoUrl: 'http://example.com/video.mp4',
    posterUrl: 'http://example.com/poster.jpg',
    isPlaying: false,
    currentTime: 0,
    duration: 0,
  },

  onPlay() {
    this.setData({
      isPlaying: true,
    });
  },

  onPause() {
    this.setData({
      isPlaying: false,
    });
  },

  playOrPause() {
    const video = this.selectComponent('#video');
    if (this.data.isPlaying) {
      video.pause();
    } else {
      video.play();
    }
  },

  onSliderChange(event) {
    const video = this.selectComponent('#video');
    video.seek(event.detail.value);
  },

  formatTime(time) {
    const minutes = Math.floor(time / 60);
    const seconds = Math.floor(time % 60);
    return `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
  },

  onLoad() {
    const video = this.selectComponent('#video');
    video.onTimeUpdate(() => {
      this.setData({
        currentTime: video.currentTime,
        duration: video.duration,
      });
    });
  },
});

这个示例中包括了一个视频播放器，一个播放/暂停按钮，一个进度条和一个时间显示。你可以将 `videoUrl` 和 `posterUrl` 替换为你自己的视频地址和封面地址。