请帮我做一个微信小程序视频播放页面，要好看点

好的，为您提供一个简单的微信小程序视频播放页面设计：

1. 首先，在页面顶部添加一个标题栏，用于显示视频标题和返回按钮。

2. 在标题栏下方添加一个视频播放器，用于播放视频。

3. 在视频下方添加视频描述和分享按钮。

4. 在页面底部添加一个导航栏，用于跳转到其他页面。

5. 在页面的背景上添加一些渐变颜色，使页面看起来更加美观。

以下是示例代码，供您参考：

<view class="container">
  <view class="header">
    <navigator class="back" url="/pages/index/index">
      <image class="back-icon" src="/images/back.png"></image>
    </navigator>
    <view class="title">{{video.title}}</view>
  </view>
  <video class="video" src="{{video.url}}"></video>
  <view class="description">{{video.description}}</view>
  <view class="share">
    <image class="share-icon" src="/images/share.png"></image>
    <text class="share-text">分享</text>
  </view>
  <view class="tabbar">
    <navigator class="tabbar-item" url="/pages/index/index">
      <image class="icon" src="/images/home.png"></image>
      <text class="text">首页</text>
    </navigator>
    <navigator class="tabbar-item" url="/pages/user/user">
      <image class="icon" src="/images/user.png"></image>
      <text class="text">个人中心</text>
    </navigator>
  </view>
</view>

<style>
  .container {
    background: linear-gradient(to bottom, #6f86d6, #48c6ef);
    height: 100%;
  }
  .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20rpx;
  }
  .back-icon {
    width: 20rpx;
    height: 20rpx;
  }
  .title {
    font-size: 32rpx;
    color: #fff;
  }
  .video {
    width: 100%;
    height: 500rpx;
  }
  .description {
    padding: 20rpx;
    font-size: 28rpx;
    color: #fff;
  }
  .share {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20rpx;
  }
  .share-icon {
    width: 32rpx;
    height: 32rpx;
    margin-right: 10rpx;
  }
  .share-text {
    font-size: 28rpx;
    color: #fff;
  }
  .tabbar {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100rpx;
    background: #fff;
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
    box-shadow: 0 -10rpx 20rpx rgba(0, 0, 0, 0.1);
  }
  .tabbar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .icon {
    width: 40rpx;
    height: 40rpx;
  }
  .text {
    font-size: 24rpx;
    color: #999;
  }
</style>

您可以根据自己的需求进行调整和修改。希望这能对您有所帮助！