wxParse解析iframe播放视频

最新推荐文章于 2022-01-22 16:12:05 发布

大头目T

最新推荐文章于 2022-01-22 16:12:05 发布

阅读量422

点赞数

分类专栏：前端文章标签：小程序

本文链接：https://blog.csdn.net/weixin_44315761/article/details/119155819

版权

前端专栏收录该内容

36 篇文章 0 订阅

订阅专栏

wxParse官网

1.根据官网例子，我们只需要在wxParse.wxml加入以下代码

加个判断，直接调用官网配置的视频解析即可

    <!-- iframe类型 -->
    <block wx:elif="{{item.tag == 'iframe'}}">
      <template is="wxParseVideo" data="{{item}}" />
    </block>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大头目T

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

iframe 播放视频

qq_42859450的博客

04-15

3885

<template> <div class="w100 h100"> <iframe :src="liveUrl" class="w100 h100" frameborder="no" border="0" marginwidth="0" marginheight="0" ></iframe> </div> </template> &l

微信小程序使用 wxparse 解析 iframe腾讯视频

aiwandcd的博客

11-27

2819

因为需要有播放视频的需求，所以小程序的官方组件 rich-text就不能用。所以只能使用wxparse，但是即便是wxparse本身也是不支持iframe标签的。修改wxparse的源码过程： 1.支持iframe的转化首先在html2json.js文件中支持iframe的转化，因为小程序默认就不支持iframe所以在源码中并没有iframe的转化，需要我们自己添加可以看到之前...

参与评论您还未登录，请先登录后发表或查看评论

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

01-19

修改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

微信小程序使用 wxparse 腾讯视频插件解析 iframe腾讯视频

小星落

01-20

1252

修改wxparse的源码 1.支持iframe的转化首先在html2json.js文件中支持iframe的转化，因为小程序默认就不支持iframe所以在源码中并没有iframe的转化，需要我们自己添加可以看到之前源码对于img标签的处理，我们就照猫画虎对于iframe进行处理并取出有效的vid以便之后的程序视频插件使用。 html2json.js文件修改： . . . //对img添加额外数据 if (node.tag === 'img') { node.imgIndex = results.

微信小程序中使用富文本插件 wxParse

花铛

03-26

885

github下载地址：https://github.com/icindy/wxParse 下载完成后,复制文件夹wxParse到项目目录中(例如放在utils目录中). 在需要使用的JS文件中引入wxParse.js文件。 var WxParse = require('../../utils/wxParse/wxParse.js'); 在CSS文件中引入样式文件. @import "./...

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

weixin_36308404的博客

02-05

407

修改wxParse/html2json.js 文件，在 html2json(html, bindName)方法里var node = {node: 'element',tag: tag,};这里使用 node.tag 能够获取标签类型，比如： img、embed、video这里我的系统后台编辑器使用的是ckeditor 上传视频。生成的便签是：embed所以加上判断：if (node.tag =...

点击图片iFrame显示视频播放.rar

10-20

当图片被点击时，获取`data-video`属性的值，设置到iframe的`src`，然后调用`load()`和`play()`方法，使iframe加载并播放视频。总结来说，这个示例涉及了HTML的`iframe`和`<video>`标签，以及HTML5的视频播放功能...

jq替换iframe里面视频关闭自动播放的功能

12-11

通过jq把ifram里面的视频转换成不自动播放的视频。希望有需要的同志们采纳一下。

微信小程序WxParse解析富文本（html）代码在线视频教程

杭州.黄老师

04-09

4916

微信小程序支持富文本编辑器代码一：下载：https://github.com/icindy/wxParse 二：将wxParse文件夹粘贴到项目三：引入文件 index.js文件中引入 var WxParse = require('../wxParse/wxParse.js'); 内容代码 onLoad: function (e) { var article = '&lt;div&gt...

使用wxParse解析富文本的总结以及解决苹果手机上视频无法播放的方法

po3311282的博客

01-02

3190

先上官方文档：https://github.com/icindy/wxParse。先讲一下我的理解，最后说明下自己使用wxParse的业务场景以及遇到的问题。 1.先上个目录结构。然后总结下wxParse下我处理过得文件。html2json.js中注释掉console.dir()---显示对象的属性跟方法，安卓手机好像不支持这个命令。 wxParse.wxml中，video标签中...

微信小程序使用 wxparse 、腾讯视频插件解析 iframe腾讯视频

mayans005的专栏

03-31

1257

修改wxparse的源码过程： 1.支持iframe的转化首先在html2json.js文件中支持iframe的转化，因为小程序默认就不支持iframe所以在源码中并没有iframe的转化，需要我们自己添加可以看到之前源码对于img标签的处理，我们就照猫画虎对于iframe进行处理并取出有效的vid以便之后的程序视频插件使用。 html2json.js文件修改： function ...

小程序解析富文本（支持视频，支持微信编辑器，支持135编辑器富文本样式）

Leo的专栏

07-21

4183

小程序的富文本插件rich-text不支持135等富文本，所以考虑wxParse解析富文本，但是wxParse不支持iframe标签，所以首先要 1.增加对iframe标签的解析：在html2json.js中，增加 function html2json(html, bindName) { HTMLParser(html, { start: function (tag, attrs, unary) { ... //对img

wxParse多数据循环与视频处理

chaosama的博客

12-30

914

1、js data:{ embedTemArray:[] } for (let i = 0; i < res.data.list.length; i++) { WxParse.wxParse('embed' + i, 'html', res.data.list[i].content, that); if (i === res.data.list.length...

微信小程序内无法播放第三方服务器上的视频资源

choutian5268的博客

07-02

7934

1 如题，微信小程序内无法播放第三方服务器上的视频资源，拿youku embed视频举例： <iframe height=498 width=510 src='https://player.youku.com/embed/XNDIwMzIzMDY4OA==' frameborder...

2021-10-18

qq_50029666的博客

10-18

1369

解决微信小程序中哔哩哔哩视频无法播放问题第一次接触制作微信小程序，被安排解决开发过程中遇到的哔哩哔哩视频无法播放的问题，才开始一头雾水，不止从哪下手，但通过不懈努力终于知道了。 1.微信小程序的视频链接必须是视频的源地址，网页地址不可以，在这里就需要搞清楚源地址的格式：aid,cid等等分别都表示什么 2.从微信开发者工具的控制台可以看出，人家确实用的源地址，只不过源地址不完整，当我补充完整的时候，仍然无法播放 3.后来随便了个其他视频的源地址，腾讯视频，竟然可以播放了!注意，这个腾讯视频的源地址不是在腾

iframe标签解析腾讯视频链接的获取不到总时长的解决方案(Txp.play.js)

weixin_47024018的博客

01-22

3047

记一次项目总结: 腾讯视频(Txp.play.js) <iframe> API 的使用由于视频URL是来自腾讯视频，所以会出现一个这样的情况：无法获取到用户所看的该视频的总时长，那麽就得通过http请求获取到该腾讯是视频的url地址，然后通过前端的截取获取到该视频的id，通过TXp.player.js 这个由腾讯提供的API接口进行获取，我试过传统的方案进行获取这个视频的时长，但是都是无效的。最初我是这样获取的，但是不行X 通过iframe标签进行解析这个后台传递的url路径，注：这里使用v

iframe播放视频