仿bilibili微信小程序3

七，视频播放页面
1.app.json引入detail目录

 "pages": [
    "pages/index/index",
    "pages/detail/detail",
    "components/MyTitle/MyTitle"
  ],

2.引入头部

 <MyTitle></MyTitle>

3.引入video

  <view class="videoinfo">
  <!--引入video具体文件-->
<video src="{
  {videoInfo.videoSrc}}" controls></video>
<view class="videotitle">
           <text>{
  {videoInfo.videoTitle}}</text>
           <text class="fa fa-angle-down"></text>
       </view>
       <!-- 视频作者 -->
       <view class="videodetail">
           <!-- 作者 -->
           <text class="author">{
  {videoInfo.author}}</text>
           <!-- 播放量 -->
           <text class="playcount">{
  {videoInfo.playCount}}</text>
           <!-- 评论量 -->
           <text class="commentcount">{
  {videoInfo.commentCount}}弹幕</text>
           <!-- 时间 -->
           <text class="date">{
  {videoInfo.date}}</text>
       </view>
   <!-- </view> -->
   </view>

wxss修饰wxml的文件

   .page{
padding: 10rpx;
color:#666;
}
.videoinfo{
   margin-top: 10rpx;
}
.videoinfo video{
   width:100%;
}
.videotitle{
 display :flex;
 j