当前位置: 首页 > news >正文

正则之从dom字符串中提取url

公司运营平台的返回的视频使用的外部插件,以防被强制插入广告等风险,我需要提取其中的视频地址再以h5的video替换掉运营平台的video,之所以要采用替换是因为要保持其原有的位置。

const strDom='<div data-oembed-url="https://pic.ibaotu.com/00/62/20/763888piCJZy.mp4"> <div style="max-width:320px"><!-- You're using demo endpoint of Iframely API commercially. Max-width is limited to 320px. Please get your own API key at https://iframely.com. --> <div> <div style="height:0; left:0; padding-bottom:56.25%; position:relative; width:100%"><iframe allowfullscreen="" src="//if-cdn.com/ui5B0cP" style="border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;" tabindex="-1"></iframe></div> </div> <script async="" charset="utf-8" src="//if-cdn.com/embed.js"></script> </div> </div>';

const reg = /<div\s[^>]*data-oembed-url=\"([^">]+)\"[^>]*>/gi;
reg.exec(value);
const videoUrl = RegExp.$1;
const video = `<video controls playsinline src="${videoUrl}"></video>`;

转载于:https://www.cnblogs.com/wangyuanyuan-blog/p/9304759.html

相关文章:

  • CSS面试复习(二):CSS的使用
  • ACM博弈
  • nginx File not found 错误
  • 微商代理系统APP软件
  • YAML基础语法
  • Spring深入理解(一)
  • MongoDB备份与恢复
  • Linux 用户 用户组 相关命令
  • Unity获取Android平台音量
  • 人工智能技术在中小学课堂中的应用
  • 设计模式入门:工厂方法模式
  • 作为app运营,你需要get的技能有哪些? 总结七项APP运营技能
  • Java分布式锁之数据库实现
  • Netty(二):数据在ChannelPipeline中的流经
  • 771. Jewels and Stones - LeetCode
  • 【前端学习】-粗谈选择器
  • 【跃迁之路】【463天】刻意练习系列222(2018.05.14)
  • Bootstrap JS插件Alert源码分析
  • Bytom交易说明(账户管理模式)
  • C++类的相互关联
  • CentOS 7 修改主机名
  • gops —— Go 程序诊断分析工具
  • Intervention/image 图片处理扩展包的安装和使用
  • JavaScript HTML DOM
  • JS基础篇--通过JS生成由字母与数字组合的随机字符串
  • Logstash 参考指南(目录)
  • Redis的resp协议
  • vue 配置sass、scss全局变量
  • Vue实战(四)登录/注册页的实现
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 电商搜索引擎的架构设计和性能优化
  • 后端_ThinkPHP5
  • 解析 Webpack中import、require、按需加载的执行过程
  • 我是如何设计 Upload 上传组件的
  • 新手搭建网站的主要流程
  • 用quicker-worker.js轻松跑一个大数据遍历
  • 《TCP IP 详解卷1:协议》阅读笔记 - 第六章
  • 【云吞铺子】性能抖动剖析(二)
  • 7行Python代码的人脸识别
  • ​LeetCode解法汇总2304. 网格中的最小路径代价
  • ​插件化DPI在商用WIFI中的价值
  • #pragam once 和 #ifndef 预编译头
  • #中的引用型是什么意识_Java中四种引用有什么区别以及应用场景
  • (Java)【深基9.例1】选举学生会
  • (动手学习深度学习)第13章 计算机视觉---微调
  • (附源码)ssm码农论坛 毕业设计 231126
  • (离散数学)逻辑连接词
  • (六)软件测试分工
  • (论文阅读11/100)Fast R-CNN
  • (全注解开发)学习Spring-MVC的第三天
  • (十五)devops持续集成开发——jenkins流水线构建策略配置及触发器的使用
  • (转)平衡树
  • (转载)Google Chrome调试JS
  • .gitignore文件设置了忽略但不生效
  • .net core开源商城系统源码,支持可视化布局小程序