在现有的百度小程序富文本组件bdParse,以及微信小程序富文本组件wxParse,对于video的标签解析仅仅只是有个video而已,其他的属性几乎都过滤掉了,所以就需要我们假设对于属性(由于H5的video属性和小程序的video属性要求不一样,以小程序为主)

一、百度小程序的bdParse修复方法
(1)打开bdParse/bdParse.swan找到video标签解析处大致第10行:
<template name="bdParseVideo">
<!--增加video标签支持,并循环添加-->
<view class="{{item.classStr}} bdParse-{{item.tag}}" style="{{item.styleStr}}">
<video class="{{item.classStr}} bdParse-{{item.tag}}-video" src="{{item.attr.src}}"></video>
</view>
</template>改成:
<template name="bdParseVideo">
<!--增加video标签支持,并循环添加-->
<view class="{{item.classStr}} bdParse-{{item.tag}}" style="{{item.styleStr}}">
<video class="{{item.classStr}} bdParse-{{item.tag}}-video" poster="{{item.attr.poster}}" autoplay="{{item.attr.autoplay}}" controls="{{item.attr.controls}}" loop="{{item.attr.loop}}" muted="{{item.attr.muted}}" src="{{item.attr.src}}"></video>
</view>
</template>(2)针对dedecms用户以及其它video的poster属性不显示全网址的修复办法
在小程序的内容之前使用正则替换,补全poster地址:
dede版百度小程序demo修复:show.js的113行加入以下代码:
content.body = content.body.replace(/poster=\"(.*)\"/gi, 'poster=\"'+ app.globalData.host+'$1\"');
二、微信小程序wxParse修复方法
(1)打开wxParse/wxParse.wxml找到video标签解析处大致第13行:
<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>
</view>
</template>改成:
<template name="wxParseVideo">
<!--增加video标签支持,并循环添加-->
<view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
<video class="{{item.classStr}} wxParse-{{item.tag}}-video" poster="{{item.attr.poster}}" autoplay="{{item.attr.autoplay}}" controls="{{item.attr.controls}}" loop="{{item.attr.loop}}" muted="{{item.attr.muted}}" src="{{item.attr.src}}"></video>
</view>
</template>(2)同理需要对文章中的poster不是全网址的视频封面图片补全网址
dede版微信小程序demo修复:show.js的105行加入以下代码:
content.body = content.body.replace(/poster=\"(.*)\"/gi, 'poster=\"' + app.globalData.host + '$1\"');
【注意】
小程序的video和H5的video稍微有点不同
autoplay、controls、loop、muted等属性需要写成:autoplay=“{{true}}”,controls=“{{true}}”
这样就可以实现了h5的video标签的常用属性,如图:
# 贵阳网站建设哪家不错
# false
# toolbar
# 网站SEO综合用什么茶
# 全网营销渠道怎么推广好
# 网站推广会员注册要钱吗
# 推广网站厂家
# 效果营销推广案例分析题
# 网站推广 妙招案例分享
# 摩托罗拉网站建设
# 如何优化网站询问w火27星
# 临海网站seo优化
# brush
# 青岛济南企业网站建设
# 涪陵广告推广招聘网站
# 咸阳专业网站建设设计
# 台州高端网站建设选哪家
# 周口本地推广营销费用
# 朝阳区自动网络营销推广
# seo 页面分析工具
# seo 登记
# 抖音seo加盟技巧
# seo入口网站推广
# swan
# autoplay等问题修复方法
# 织梦CMS教程
# 织梦百度小程序
# 织梦微信小程序
# video标签不支持视频
# 有个
# 其他的
# 掉了
# 如图
# 就可以
# 实现了
# 织梦百度小程序微信小程序video标签不支持视频封面
# class
# pre
# gz
# aliyucs
# jpg
# template
# lt
# quot
# nbsp
# html
相关文章:
SEO优化价格如何随市场动态变化和趋势而变化?_SEO优化教程
长春网站建设排名靠前_长春网站建设优化企业_威海西郊建设集团网站
高安市SEO优化公司如何制定内容营销策略?_SEO优化教程
SEO和付费推广的成本与效果对比_SEO优化教程
如何为武汉SEO首页创作高质量内容?_SEO优化教程
*SEO与百度SEO在优化方法上有哪些不同?_SEO优化教程
装修公司网站设计_装修公司网站建设_装修公司网站
龙江SEO优化服务包括哪些内容?_SEO优化教程
网站建设的流程是什么_网站建设的流程_永清短视频seo
【营销网站建设】一个成功的营销型网站怎么建设?
东莞网站开发中如何确保信息安全与稳定性_网站建设教程
宁波专业网站建设开发公司_宁波专业网站建设_seo获客思维
房产公司网站如何处理用户的数据访问与删除请求_网站建设教程
河源网站建设公司有哪些_河源网站建设公司_优化网站插件推荐下载
网站建设公司如何选择
保定网站制作费用_定州网站制作多少钱_禅城seo排名优化
河北网站建设有哪些成功案例可参考电子商务网站效果_网站建设教程
有哪些内容优化策略可以帮助提升*SEO排名?_SEO优化教程
自己网上推广_自己申请网站_自己申请网页
【动态网页如何制作】如何制作网页?如何制作自己的网页很简单!
凯里网站制作_凯里网站建设_地产推广网络营销策略
宝安网站制作公司有哪些_商业街快题设计网站推广
小程序开发价格对比-哪家公司更划算?_高端网站建设优化公司
自己建站_自己建一个网站需要多少钱_自己建一个网站
建公司网站的详细步骤_建公司网站一般多少钱_中证网seo方案
独立网站建设教程视频_独立网站建设教程书_四川女装关键词排名
简析网站建设的简单适用原则
公司网站建设哪家好_公司网站建设_临淄网站优化排名
南京SEO企业网站排名提升的成功案例有哪些?_SEO优化教程
公司网站制作设计_公司网站的制作_关于seo个人评价范文
用户对快速优化SEO软件的评价与反馈_SEO优化教程
锦江网站建设公司合同中需特别关注哪些条款细节_网站建设教程
如何根据SEO优化费用的动态变化来调整预算策略?_SEO优化教程
安庆SEO优化公司哪家好?_SEO优化教程
如何通过客户评价和口碑选择龙里的SEO公司?_SEO优化教程
企业网站建设制作公司_企业网站建设制作流程_厦门seo排名优化
基于媒体查询的高端网站移动端响应式适配方案解析_网站建设教程
成都企业通过SEO实现在线流量增长的策略_SEO优化教程
如何明确对正定SEO公司的服务需求?_SEO优化教程
网站建设目标主要有_网站建设目标_番禺 大石网站建设
网站建设发展现状_网站建设发展_视频推广的营销策略
*SEO优化案例分析与学习_SEO优化教程
关于网站备案:企业网站建站必须知道的事
网站建设的费用构成是怎样的?
网站建设新闻_tdk和seo技术
制作一个网页的工作流程_制作一个网页的步骤_制作一个网页
常熟SEO关键词优化的基本步骤有哪些?_SEO优化教程
企业网站建设公司哪家好_企业网站建设公司有哪些_seo优化方案怎么做
如何考察南京SEO公司的口碑?_SEO优化教程
如何通过视频内容优化提升SEO?_SEO优化教程
相关栏目:
【
网络营销44070 】
【
网络推广122852 】
【
网络优化116010 】
【
网址导航102054 】
【
网络技术82194 】
【
网络资讯43554 】