详情页支持视频了，感谢群友solver

lib/wxParse/html2json.js

@@ -16,24 +16,32 @@ var __emojis = {};
 var wxDiscode = require('wxDiscode.js');
 var HTMLParser = require('htmlparser.js');
 // Empty Elements - HTML 5
-var empty = makeMap("area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr");
+var empty = makeMap(
+	"area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr");
 // Block Elements - HTML 5
-var block = makeMap("br,a,code,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video");
+var block = makeMap(
+	"br,a,code,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video"
+);
 
 // Inline Elements - HTML 5
-var inline = makeMap("abbr,acronym,applet,b,basefont,bdo,big,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var");
+var inline = makeMap(
+	"abbr,acronym,applet,b,basefont,bdo,big,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var"
+);
 
 // Elements that you can, intentionally, leave open
 // (and which close themselves)
 var closeSelf = makeMap("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr");
 
 // Attributes that have their values filled in disabled="disabled"
-var fillAttrs = makeMap("checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected");
+var fillAttrs = makeMap(
+	"checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected");
 
 // Special Elements (can contain anything)
 var special = makeMap("wxxxcode-style,script,style,view,scroll-view,block");
+
 function makeMap(str) {
-    var obj = {}, items = str.split(",");
+	var obj = {},
+		items = str.split(",");
 	for (var i = 0; i < items.length; i++)
 		obj[items[i]] = true;
 	return obj;
@@ -50,8 +58,8 @@ function removeDOCTYPE(html) {
 		.replace(/<!DOCTYPE.*\>\n/, '');
 }
 
-
 function html2json(html, bindName) {
+
 	//处理字符串
 	html = removeDOCTYPE(html);
 	html = wxDiscode.strDiscode(html);
@@ -60,18 +68,17 @@ function html2json(html, bindName) {
 	var results = {
 		node: bindName,
 		nodes: [],
-        images:[],
+		images: [],
-        imageUrls:[]
+		imageUrls: []
 	};
 	HTMLParser(html, {
-        start: function (tag, attrs, unary) {
+		start: function(tag, attrs, unary) {
 			//debug(tag, attrs, unary);
 			// node for this element
 			var node = {
 				node: 'element',
 				tag: tag,
 			};
-
 			if (block[tag]) {
 				node.tagType = "block";
 			} else if (inline[tag]) {
@@ -79,9 +86,8 @@ function html2json(html, bindName) {
 			} else if (closeSelf[tag]) {
 				node.tagType = "closeSelf";
 			}
-
 			if (attrs.length !== 0) {
-                node.attr = attrs.reduce(function (pre, attr) {
+				node.attr = attrs.reduce(function(pre, attr) {
 					var name = attr.name;
 					var value = attr.value;
 					if (name == 'class') {
@@ -99,8 +105,6 @@ function html2json(html, bindName) {
 					if (value.match(/ /)) {
 						value = value.split(' ');
 					}
-                    
-
 					// if attr already exists
 					// merge it
 					if (pre[name]) {
@@ -119,7 +123,6 @@ function html2json(html, bindName) {
 					return pre;
 				}, {});
 			}
-
 			//对img添加额外数据
 			if (node.tag === 'img') {
 				node.imgIndex = results.images.length;
@@ -131,6 +134,10 @@ function html2json(html, bindName) {
 				results.imageUrls.push(imgUrl);
 			}
 
+			// 处理iframe的地址
+			if (node.tag === 'iframe') {
+				node.src = node.attr.src;
+			}
 			if (unary) {
 				// if this tag dosen't have end tag
 				// like <img src="hoge.png"/>
@@ -144,7 +151,7 @@ function html2json(html, bindName) {
 				bufArray.unshift(node);
 			}
 		},
-        end: function (tag) {
+		end: function(tag) {
 			//debug(tag);
 			// merge into parent tag
 			var node = bufArray.shift();
@@ -160,12 +167,12 @@ function html2json(html, bindName) {
 				parent.nodes.push(node);
 			}
 		},
-        chars: function (text) {
+		chars: function(text) {
 			//debug(text);
 			var node = {
 				node: 'text',
 				text: text,
-                textArray:transEmojiStr(text)
+				textArray: transEmojiStr(text)
 			};
 
 			if (bufArray.length === 0) {
@@ -178,7 +185,7 @@ function html2json(html, bindName) {
 				parent.nodes.push(node);
 			}
 		},
-        comment: function (text) {
+		comment: function(text) {
 			//debug(text);
 			var node = {
 				node: 'comment',
@@ -194,13 +201,13 @@ function html2json(html, bindName) {
 	return results;
 };
 
-function transEmojiStr(str){
+function transEmojiStr(str) {
 	// var eReg = new RegExp("["+__reg+' '+"]");
-//   str = str.replace(/\[([^\[\]]+)\]/g,':$1:')
+	//   str = str.replace(/\[([^\[\]]+)\]/g,':$1:')
 
 	var emojiObjs = [];
 	//如果正则表达式为空
-  if(__emojisReg.length == 0 || !__emojis){
+	if (__emojisReg.length == 0 || !__emojis) {
 		var emojiObj = {}
 		emojiObj.node = "text";
 		emojiObj.text = str;
@@ -208,35 +215,33 @@ function transEmojiStr(str){
 		return array;
 	}
 	//这个地方需要调整
-  str = str.replace(/\[([^\[\]]+)\]/g,':$1:')
+	str = str.replace(/\[([^\[\]]+)\]/g, ':$1:')
 	var eReg = new RegExp("[:]");
 	var array = str.split(eReg);
-  for(var i = 0; i < array.length; i++){
+	for (var i = 0; i < array.length; i++) {
 		var ele = array[i];
 		var emojiObj = {};
-    if(__emojis[ele]){
+		if (__emojis[ele]) {
 			emojiObj.node = "element";
 			emojiObj.tag = "emoji";
 			emojiObj.text = __emojis[ele];
-      emojiObj.baseSrc= __emojisBaseSrc;
+			emojiObj.baseSrc = __emojisBaseSrc;
-    }else{
+		} else {
 			emojiObj.node = "text";
 			emojiObj.text = ele;
 		}
 		emojiObjs.push(emojiObj);
 	}
-  
 	return emojiObjs;
 }
 
-function emojisInit(reg='',baseSrc="/wxParse/emojis/",emojis){
+function emojisInit(reg = '', baseSrc = "/wxParse/emojis/", emojis) {
 	__emojisReg = reg;
-    __emojisBaseSrc=baseSrc;
+	__emojisBaseSrc = baseSrc;
-    __emojis=emojis;
+	__emojis = emojis;
 }
 
 module.exports = {
 	html2json: html2json,
-    emojisInit:emojisInit
+	emojisInit: emojisInit
 };
-

lib/wxParse/wxParse.wxml

@@ -14,7 +14,15 @@
 <template name="wxParseVideo">
     <!--增加video标签支持，并循环添加-->
     <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <video class="{{item.classStr}} wxParse-{{item.tag}}-video" src="{{item.attr.src}}"></video>
+        <video show-mute-btn="{{true}}" muted="{{true}}" class="{{item.classStr}} wxParse-{{item.tag}}-video" src="{{item.attr.src}}"></video>
+    </view>
+</template>
+
+ <!--基础元素-->
+<template name="wxPraseIframe">
+    <!--增加Iframe标签支持，并循环添加-->
+    <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
+        <video show-mute-btn="{{true}}" muted="{{true}}" class="{{item.classStr}} wxParse-{{item.tag}}-video" src="{{item.attr.src}}"></video>
     </view>
 </template>
 
@@ -69,6 +77,11 @@
                 </view>
             </view>
         </block>
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
+
 
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
@@ -151,7 +164,10 @@
                 </view>
             </view>
         </block>
-
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
             <template is="wxParseVideo" data="{{item}}"/>  
@@ -225,7 +241,10 @@
                 </view>
             </view>
         </block>
-
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
             <template is="wxParseVideo" data="{{item}}"/>  
@@ -298,7 +317,10 @@
                 </view>
             </view>
         </block>
-
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
             <template is="wxParseVideo" data="{{item}}"/>  
@@ -371,6 +393,10 @@
                 </view>
             </view>
         </block>
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
 
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
@@ -445,6 +471,11 @@
             </view>
         </block>
 
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
+
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
             <template is="wxParseVideo" data="{{item}}"/>  
@@ -517,7 +548,10 @@
                 </view>
             </view>
         </block>
-
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
             <template is="wxParseVideo" data="{{item}}"/>  
@@ -589,7 +623,10 @@
                 </view>
             </view>
         </block>
-
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
             <template is="wxParseVideo" data="{{item}}"/>  
@@ -662,7 +699,10 @@
                 </view>
             </view>
         </block>
-
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
             <template is="wxParseVideo" data="{{item}}"/>  
@@ -735,7 +775,10 @@
                 </view>
             </view>
         </block>
-
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
             <template is="wxParseVideo" data="{{item}}"/>  
@@ -808,7 +851,10 @@
                 </view>
             </view>
         </block>
-
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
             <template is="wxParseVideo" data="{{item}}"/>  
@@ -881,7 +927,10 @@
                 </view>
             </view>
         </block>
-
+        <!--iframe插件（这个是我们添加的）-->
+        <block wx:elif="{{item.tag == 'iframe'}}">
+        <template is="wxPraseIframe" data="{{item}}" />
+        </block>
         <!--video类型-->
         <block wx:elif="{{item.tag == 'video'}}">
             <template is="wxParseVideo" data="{{item}}"/>  

lib/wxParse/wxParse.wxss

@@ -137,6 +137,9 @@ view {
 .wxParse-video-video {
     width: 100%;
 }
+.wxParse-iframe-video {
+    width: 100%;
+}
 
 .ql-align-center {
     text-align: center;