微信小程序点播插件_微信小程序 wxParse插件显示视频问题

修改wxParse/html2json.js 文件 ,在 html2json(html, bindName)方法里

var node = {

node: 'element',

tag: tag,

};

这里使用 node.tag 能够获取标签类型,比如: img、embed、video

这里我的系统后台编辑器使用的是ckeditor 上传视频。生成的便签是:embed

所以加上判断:

if (node.tag =="embed"){

var embUrl = node.attr.src;

if (node.attr.src.indexOf('http:')==-1){

embUrl = "http://xxxx.com" + node.attr.src;

}

node.attr.src = embUrl;

node.tag='video';

}

插件里只判断了video标签,识别不出来embed 标签,所有视频无法显示,加上判断,这样就可以了。

知识点扩展:微信小程序插件wxParse的使用

由于微信小程序不支持后台富文本编辑器编辑的html,需要使用wxParse 这个插件来解析,下面介绍一下这个插件的使用方法。

1.下载插件

在GigHub上面找到插件Demo,地址为 https://github.com/icindy/wxParse,把Demo里面的wxParse目录拷贝到项目里面.

2.在当前页面的JS里引入wxParse.js

var WxParse = require('../../wxParse/wxParse.js');

Page({

data: {},

onLoad: function() {

var that = this;

// 映射表情包

WxParse.emojisInit('[]', "/wxParse/emojis/", {

"00": "00.gif",

"01": "01.gif",

"02": "02.gif",

"03": "03.gif",

"04": "04.gif",

"05": "05.gif",

"06": "06.gif",

"07": "07.gif",

"08": "08.gif",

"09": "09.gif",

"09": "09.gif",

"10": "10.gif",

"11": "11.gif",

"12": "12.gif",

"13": "13.gif",

"14": "14.gif",

"15": "15.gif",

"16": "16.gif",

"17": "17.gif",

"18": "18.gif",

"19": "19.gif",

});

var article = `

从后端获取的HTML格式文件
`;

WxParse.wxParse('article', 'html', article, that, 5);

// WxParse.wxParse(bindName, type, data, target, imagePadding);

// bindName绑定的数据名(必填)

// type可以为html或者md(必填)

// data为传入的具体数据(必填)

// target为Page对象, 一般为this(必填)

// imagePadding为当图片自适应是左右的单一padding(默认为0, 可选)

}

})

3.在全局app.wxss引入wxParse.wxss

@import "wxParse/wxParse.wxss";

4.在当前页面wxml中引入wxParse.wxml

总结

以上所述是小编给大家介绍的微信小程序 wxParse插件显示视频问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/573072.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

GridView - Batch Editing - How to cancel editing or disable the editor conditionally

Please refer to :https://www.devexpress.com/Support/Center/Example/Details/T115116转载于:https://www.cnblogs.com/michelledawm/p/5980940.html

linkerd mysql_Linkerd和k8s无法正常工作

我试图让我的头在kubernetes的链接。我在我的本地minikube中使用他们网站上的linkerd deamonset示例它全部部署在production命名空间中。当我尝试http_proxy$(kubectl --namespaceproduction get svc l5d -o jsonpath"{.status.loadBalancer.ingress[0].*}"):4140 cu…

mssql 跨库获取mysql

exec sp_addlinkedserver serverMYSQL, --这是链接服务器的名称 srvproductmysql, --这个你自己随便吧 providerMSDASQL, --这是固定的,不能瞎填,否则死定了 datasrcmyserver, --这是ODBC里面data source name,系统DNS locationNULL, provstrDRIVER{MyS…

mysql standalone模式_Boss7 Standalone模式开发配置

PS:以下配置均添加到standalone.xml文件中。1.Get请求编码设置,将如下配置添加到标签之后2.开启开发模式:搜索“urn:jboss:domain:web:1.1”,在此标签下添加如下配置:3.虚拟域名设置搜索“urn:jboss:domain:web:1.1”&…

机器学习笔记——深度学习入门篇

前向传播与反向传播转载于:https://www.cnblogs.com/hdu-cpd/p/5988606.html

java 模板模式_Java模板模式(Template模式)

Java模板模式(Template模式)下一节>Template模式定义:定义一个操作中算法的骨架,将一些步骤的执行延迟到其子类中。其实Java的抽象类本来就是Template模式,因此使用很普遍。而且很容易理解和使用,我们直接以示例开始&#xff1…

python ide: pycharm

1, 设置python路径 2,运行py文件 https://www.jetbrains.com/help/pycharm/2016.1/creating-and-running-your-first-python-project.html#d50296e226 3, 格式化代码 From the main menu, select Code | Reformat Code or press CtrlAltL. 转载于:https://www.cnblo…

pandas入门(2)

使用dataframe的列当做索引 frame DataFrame({a:range(7),b:range(7,0,-1),c:[one,one,one,two,two,two,two],d:[0,1,2,0,1,2,3]}) frame.set_index([c,d]) a b c d one 0 0 7 1 1 6 2 2 5 two 0 3 4 1 4 3 2 5 2 3 6 1 可以使用frame.set_index([c,d],dropFalse)将…

IP地址框

//IP地址框 // 此段代码:独立的获取本机IP地址和计算机名 WORD wVersionRequested; WSADATA wsaData; char name[255]; CString ip; PHOSTENT hostinfo; wVersionRequested MAKEWORD(2, 0); if (WSAStartup(wVersionRequested, &wsaData) 0) { if(ge…

java 释放数组_java集合ArrayList中clear方法内存释放分析

最近在看ArrayList源码的时候看到了ArrayList的clear方法&#xff0c;源码如下&#xff1a;public void clear() {modCount;// clear to let GC do its workfor (int i 0; i < size; i)elementData[i] null;size 0;}在看到这段代码的时候联想到内存释放的问题如下代码&am…

Android 滑动菜单框架--SwipeMenuListView框架完全解析

SwipeMenuListView&#xff08;滑动菜单&#xff09; A swipe menu for ListView.--一个非常好的滑动菜单开源项目。 Demo 一、简介 看了挺长时间的自定义View和事件分发&#xff0c;想找一个项目练习下。。正好印证自己所学。 在github上找到了这个项目&#xff1a;SwipeMenuL…

【Web网站服务器开发】Apache 和 Tomcat的区别及配置

Apache 和 Tomcat 都是web网络服务器&#xff0c;两者既有联系又有区别&#xff0c;在进行HTML、PHP、JSP、Perl等开发过程中&#xff0c;需要准确掌握其各自特点&#xff0c;选择最佳的服务器配置。 apache是web服务器&#xff08;静态解析&#xff0c;如HTML&#xff09;&…

java字符生成器_Java实现简单字符生成器代码例子

创建成功的字符串对象&#xff0c;其长度是固定的&#xff0c;内容是不能被修改和编辑。虽然使用""可以达到增加新字符或字符串的目的&#xff0c;但""会产生一个新的String实例,会在内存中创建新的字符串对象。如果重复地对字符串进行修改&#xff0c;将极…

ES基础知识

马克。。。转载于:https://www.cnblogs.com/lirunzhou/p/6012321.html

java nio copy_使用NIO快速复制Java文件

package com.test.test;import java.io.File;import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.IOException;import java.nio.channels.FileChannel;/*** 使用NIO快速复制Java文件** author Administrator**/public class FileCopy {SuppressWa…

2016年10月30日表单标签与样式表分类和选择器

今天上午讲的表单标签 <form name"表单"method"get" action"Untitled-2.html"> <!--get地址栏可以看到值&#xff0c;post不可以--> <input type"text" name"姓名" value"" />姓名 <!--文本…

java jframe 设置背景图片_JFrame如何设置背景图片

代码&#xff1a;import java.awt.FlowLayout;import javax.swing.ImageIcon;import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.JLabel;import javax.swing.JPanel;public class JFrameBackground {private JFrame frame new JFrame("背景图片测…

Linux运维操作

http://www.it165.net/os/html/201204/1909.html https://i.cnblogs.com/EditPosts.aspx?opt1 http://www.it165.net/os/html/201204/1877.html http://blog.chinaunix.net/uid-28718792-id-3556036.html 转载于:https://www.cnblogs.com/diyunpeng/p/6014729.html

java拷贝文件目录结构_Java如何复制目录_Java基础教程系列

Java如何复制目录,Java基础教程系列&#xff0c;如果要将目录及其包含的所有子文件夹和文件从一个位置复制到另一个位置&#xff0c;请使用下面的代码&#xff0c;该代码使用递归遍历目录结构&#xff0c;然后使用Files.copy()函数复制文件。文件夹复制实例在此示例中&#xff…

FABRIC单机开发者模式启动

在开始之前需要导出一个自定义变量&#xff0c;方便后续操作&#xff1a; export FABRIC/opt/gopath/src/github.com/hyperledger/fabric/devenv 1.在真机上执行如下操作&#xff0c;进入虚拟机 cd $FABRIC vagrant up//启动虚拟机 vagrant ssh//进入虚拟机 2.在虚拟机中执行如…