资讯详情视频播放ok

Administrator

2021-06-09 a84bad6b74919bfffaa23dcf0da1fe74f7a34371

资讯详情视频播放ok

 pages/article/article.vue

@@ -51,7 +51,7 @@
                };
                //去跳转
                uni.navigateTo({
                    url: './article_detail?detailData=' + encodeURIComponent(JSON.stringify(detail))
                    url: './article_detail?detailData=' + JSON.stringify(detail)
                });
            },
            

 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>