资讯详情视频播放ok

Administrator

2021-06-09 a84bad6b74919bfffaa23dcf0da1fe74f7a34371

 pages/article/article_detail.vue

@@ -7,9 +7,7 @@
      
      
      <view class="article-content">
         <!-- <rich-text type="text" :nodes="demoHtml"></rich-text> -->
         <video id="myVideo" v-if="video" :src="article.videoUrl"></video>
         <view class="content-placeholder">&nbsp;&nbsp;</view>
         <video id="myVideo" class="video" v-if="video" :src="article.videoUrl" muted="false" @error="videoErrorCallback"></video>
         <u-parse :content="content" @navigate="navigate"></u-parse>
      </view>
      
@@ -23,8 +21,6 @@

<script>
   import uParse from "@/components/feng-parse/parse.vue"
   // import uParse from '@/components/gaoyia-parse/parse.vue'
   // var graceRichText = require("../../components/richText/richText.js");
   
   export default {
         components:{
@@ -50,6 +46,8 @@
                  if(that.article.videoUrl){
                     that.video = true;
                  }
                  console.log(that.article,121);
                  console.log(that.article.videoUrl,123);
                  //详情标题
                  uni.setNavigationBarTitle({
                      title: that.article.title
@@ -58,10 +56,13 @@
            });
            
           },
         onReady: function (res) {
             this.videoContext = uni.createVideoContext('myVideo')
         onReady: function () {
            this.videoContext = uni.createVideoContext("myVideo");
         },
           methods: {
            videoErrorCallback: function(e) {
                        console.log(e)
                     },
           }
       }
</script>
@@ -125,13 +126,8 @@
      width: 94%;
      border-bottom: 1px solid rgba(128,128,128,0.1);
      
      .content-placeholder{
         position: relative;
         left: 30%;
         background-color: #0078A8;
         width: 30%;
         height: 20%;
			
      .video{
         width: 100%;
      }
   }
</style>