From a84bad6b74919bfffaa23dcf0da1fe74f7a34371 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Wed, 09 Jun 2021 21:00:16 +0800
Subject: [PATCH] 资讯详情视频播放ok
---
pages/article/article.vue | 2 +-
pages/article/article_detail.vue | 24 ++++++++++--------------
2 files changed, 11 insertions(+), 15 deletions(-)
diff --git a/pages/article/article.vue b/pages/article/article.vue
index 2ca8957..73ff3dc 100644
--- a/pages/article/article.vue
+++ b/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)
});
},
diff --git a/pages/article/article_detail.vue b/pages/article/article_detail.vue
index 7de69d5..4c8a6bb 100644
--- a/pages/article/article_detail.vue
+++ b/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"> </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>
--
Gitblit v1.9.3