mpvue 微信小程序富文本视频播放

文章发布于2020年12月14日 11:38, 归类于: 前端

mpvue 微信小程序富文本视频播放。

mpvue-wxparse 微信小程序富文本解析

https://github.com/F-loat/mpvue-wxParse

一个旧项目的文章详情页需要播放富文本中的视频,项目用mpvue开发,找到mpvue-wxParse这个组件,解决了富文本解析视频的问题。

安装

npm i mpvue-wxparse

使用

<template>
  <div>
    <wxParse :content="article" @preview="preview" @navigate="navigate" />
  </div>
</template>

<script>
import wxParse from 'mpvue-wxparse'

export default {
  components: {
    wxParse
  },
  data () {
    return {
      article: '<div>我是HTML代码</div>'
    }
  },
  methods: {
    preview(src, e) {
      // do something
    },
    navigate(href, e) {
      // do something
    }
  }
}
</script>

<style>
@import url("~mpvue-wxparse/src/wxParse.css");
</style>

转载请注明来源:《 mpvue 微信小程序富文本视频播放》- rojerYong's Blog

文章链接:https://www.eoway.cn/article/1607917100.html

如果此文摘取了你的原创,请联系本站管理员,将对此文修改、删除处理。

--END--
上一篇:小程序分享到朋友圈时设置path的query参数,判断用户是否通过朋友圈进入小程序 下一篇:uniapp解决原生组件层级过高覆盖页面组件的问题