| | |
| | | <div class="boxMain"> |
| | | <videoPlayBox ref="videoPlayBox"></videoPlayBox> |
| | | </div> |
| | | <div style="padding: 20px 20px 5px;" class="myShadow"> |
| | | <div style="padding: 20px 20px 5px;margin-bottom: 20px;" class="myShadow"> |
| | | <pre>{{introduce}}</pre> |
| | | </div> |
| | | <div class="articleComment"> |
| | |
| | | videoData: { |
| | | img: "http://t.inleft.com/share/media_photo/idea_beijing.jpg", |
| | | url: "", |
| | | type: "normal" |
| | | type: "normal", |
| | | title: "", |
| | | id: "" |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | showVideo(item) { |
| | | //防止重复加载 |
| | | this.lastArticleId = this.articleId; |
| | | this.articleId = item.id |
| | | this.isAllowedComment = item.isAllowedComment |
| | | this.introduce = item.introduce |
| | | this.loadData() |
| | | |
| | | if (this.articleId == this.lastArticleId) { |
| | | return |
| | | } |
| | | |
| | | this.isAllowedComment = item.isAllowedComment; |
| | | this.introduce = item.introduce; |
| | | this.loadData(); |
| | | }, |
| | | loadData() { |
| | | |
| | |
| | | id: this.articleId, |
| | | authWord: this.secret == "" ? null : md5(this.secret) |
| | | }).then((res) => { |
| | | this.myLock = true; |
| | | this.myLock = !this.myLock; |
| | | |
| | | if (res.code != 200) { |
| | | |
| | |
| | | this.isAllowedComment = res.data.isAllowedComment; |
| | | this.videoData.url = res.data.articleFileURL; |
| | | this.videoData.img = res.data.coverFileURL; |
| | | this.videoData.title = res.data.title; |
| | | this.videoData.id = res.data.id; |
| | | |
| | | |
| | | if (res.data.articleFileURL != null && |
| | | res.data.articleFileURL != "" && |
| | | res.data.articleFileURL.endsWith("m3u8")) { |
| | |
| | | this.videoData.type = "normal"; |
| | | } |
| | | |
| | | this.myLock = false; |
| | | this.myLock = !this.myLock; |
| | | if (this.lastArticleId != this.articleId) { |
| | | _this.$refs.videoPlayBox.changePlay(this.videoData) |
| | | } |