【做一个微信小程序】纪念高中同学5

前言

上一个教程我们实现了小程序的一些的功能，有图片上传功能，黑白切换功能等。
下面是一个更高级的微信小程序实现，包含以下功能：

1.视频播放页面

• 视频播放窗口
• 禁音功能的实现
• 添加倍速功能
• 跳过功能也加上

1. 视频播放页面 (shipin 页面)

shipin.wxml

<view class="container">
  
  <view class="video-container">
    <video
      id="myVideo"
      src="{
    {currentVideo.url}}"
      controls
      autoplay
      muted="{
    {isMuted}}"
      playback-rate="{
    {playbackRate}}"
      style="width: 100%; height: 400rpx; border-radius: 16rpx;"
    >
      
      <view class="video-controls">
        <view class="control-btn gradient-bg" bindtap="toggleMute">
          {
  {isMuted ? '' : ''}}
        view>
        <view class="control-btn gradient-bg" bindtap="toggleSpeed">
          {
  {playbackRate}}x
        view>
        <view class="control-btn gradient-bg" bindtap="skip"<