Vditor 对视频、音频、站点链接的解析

本贴最后更新于 1407 天前,其中的信息可能已经斗转星移

为了让用户在当前页面可对包含视频、音频的链接直接进行查看,特对以下类型的链接进行了特殊处理。

视频解析

对链接结尾为 .mp4,.m4v,.ogg,.ogv,.webm 的视频将自动解析为 video 标签

音频解析

对链接结尾为 .mp3,.wav,.flac 的音频将自动解析为 audio 标签

站点解析

对 youtu.be/youtube.com,youku.com,qq.com,coub.com,facebook.com,dailymotion.com,bilibili.com,ted.com 站点的视频链接将自动转换为 iframe 标签

方法

Vditor.mediaRender()

示例

http://vditor.b3log.org/demo/preview-render.html

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    310 引用 • 1666 回帖
  • 开发指南
    8 引用 • 710 回帖
1 操作
Vanessa 在 2020-06-11 11:18:04 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 还是不做省事了。难做,也不合适,毕竟微博就不希望别人在其它平台播放他们的内容。

  • 其他回帖
  • 233333 1 评论

    doge 编辑器内预加载的时候获取'content-type' 可行吗

    这样的解析主要用在文章页面,编辑器内可以忽略
    Vanessa
  • 我没找到类似分享->iframe 之类的,恐怕不行

    微博 cdn 好像不给外链

    1 回复
  • cqr 1 评论

    请问要如何关闭音视频链接解析呢

    不调用这个方法就可以了
    Vanessa
  • 查看全部回帖
Vanessa MOD
我们终此一生,就是要摆脱他人的期待,找到真正的自己。 红河