box.yingruimedia.com Open in urlscan Pro
101.133.149.248  Public Scan

Form analysis
2 forms found in the DOM

POST https://liuqingming.com/

<form class="joe_header__above-search" method="post" action="https://liuqingming.com/">
  <input maxlength="16" autocomplete="off" placeholder="请输入关键字..." name="s" value="" class="input" type="text">
  <button type="submit" class="submit">Search</button>
  <span class="icon"></span>
  <nav class="result">
    <a href="https://box.yingruimedia.com/wikijs-embed-iframe-video-solution.html" title="Wiki.js嵌入视频的解决方法" class="item">
              <span class="sort">1</span>
              <span class="text">Wiki.js嵌入视频的解决方法</span>
              <span class="views">30 阅读</span>
            </a>
    <a href="https://box.yingruimedia.com/start.html" title="欢迎使用 Typecho" class="item">
              <span class="sort">2</span>
              <span class="text">欢迎使用 Typecho</span>
              <span class="views">25 阅读</span>
            </a>
  </nav>
</form>

POST https://liuqingming.com/

<form class="search" method="post" action="https://liuqingming.com/">
  <input maxlength="16" autocomplete="off" placeholder="请输入关键字..." name="s" value="" class="input" type="text">
  <button type="submit" class="submit">Search</button>
</form>

Text Content

首页 关于 留言 书签 软件 壁纸 归档
子站
问答 社区 文档 音乐 图库 统计 ChatGPT
Search
1 Wiki.js嵌入视频的解决方法 30 阅读 2 欢迎使用 Typecho 25 阅读
人工智能 数字艺术
影视制作
剧本写作 摄影摄像 后期制作 虚拟制片
随笔漫谈 网络技术
登录
Search
标签搜索
 * Wiki.js
 * YouTube
 * Markdown

刘庆明

所谓清洗，不过是把脏污从一个物体上移动到另一个物体上罢了。

 * 累计撰写 2 篇文章
 * 累计收到 4 条评论

 * 首页
   
 * 栏目
   * 人工智能
   * 数字艺术
   * 影视制作
     * 剧本写作
     * 摄影摄像
     * 后期制作
     * 虚拟制片
   * 随笔漫谈
   * 网络技术
   
 * 页面
   * 关于
   * 留言
   * 书签
   * 软件
   * 壁纸
   * 归档
   
 * 推荐
   * 问答
   * 社区
   * 文档
   * 音乐
   * 图库
   * 统计
   * ChatGPT


YouTube
YouTube
OrayTV
OrayTV
YouTube
YouTube



推荐
欢迎使用 Typecho
推荐

 * 30 ℃ Wiki.js嵌入视频的解决方法
 * 25 ℃ 欢迎使用 Typecho

广告
 * 最新文章
 * 热门文章
 * 评论最多
 * 点赞最多
 * 

 * 
   2024-03-23
   置顶Wiki.js嵌入视频的解决方法 Wiki.js尚未支持在Markdown中直接解析 video
   标签视频文件和YouTube等外部嵌入式视频，可通过在页面注入JS解析代码实现视频嵌入播放。以下代码注入可实现YouTube、Screencast视频嵌入Wiki.js,并可通过
   video 标签解析mp4视频文件。在Wiki.js管理后台进入 Admin Area -> Theme -> Code Injection，在 Head
   HTML Injection 下注入以下代码。<script type="text/javascript" defer> const rxYoutube
   =
   /^.*^((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube\.com|youtu.be))(\/(?:[\w\-]+\?v=|embed\/|v\/|shorts\/)?)([\w\-]+)(\S+)?$/
   const rxScreencast =
   /^.*^((?:https?:)?\/\/)?(www\.)?(screencast\.com)(\/users)\/([a-z0-9_-]+)\/folders\/([a-z0-9%_-]+)\/media\/([a-z0-9_-]+)(?:\/)?$/im
   window.boot.register('vue', () => { window.onload = () => {
   document.querySelectorAll('.contents oembed, .contents a').forEach(elm => {
   const url = elm.hasAttribute('url') ? elm.getAttribute('url') :
   elm.getAttribute('href') let newElmHtml = null const ytMatch =
   url.match(rxYoutube) const scMatch = url.match(rxScreencast) if (ytMatch) {
   newElmHtml = `<iframe id="ytplayer" type="text/html" width="640" height="360"
   src="https://www.youtube-nocookie.com/embed/${ytMatch[5]}" frameborder="0"
   allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"
   allowfullscreen></iframe>` } else if (scMatch) { newElmHtml = `<iframe
   id="scplayer" type="text/html" width="640" height="360" src="${url}/embed"
   frameborder="0" allowfullscreen></iframe>` } else if (url.endsWith('.mp4')) {
   newElmHtml = `<video controls autostart="0" name="media" width="640"
   height="360"><source src="${url}" type="video/mp4"></video>` } else { return
   } } const newElm = document.createElement('div')
   newElm.classList.add('responsive-embed')
   newElm.insertAdjacentHTML('beforeend', newElmHtml) elm.replaceWith(newElm) })
   } }) </script>在 CSS Override 下注入以下样式代码。.responsive-embed { position:
   relative; padding-bottom: 56.2%; height: 0; margin: 10px 0; overflow: hidden;
   } .responsive-embed iframe { position: absolute; top: 0; left: 0; width:
   100%; height: 100%; border-radius: 5px;
   }在Markdown编辑器直接粘贴YouTube视频链接即可，比如：https://www.youtube.com/watch?v=KOc146R8sws参考资料：https://github.com/requarks/wiki/discussions/4580
    * 2024年03月23日
    * 30 阅读
    * 0 评论
    * 0 点赞
   
   网络技术
 * 
   2024-03-21
   置顶欢迎使用 Typecho 如果您看到这篇文章,表示您的 blog 已经安装成功.{card-default label="饼图" width="
   100%"}{/card-default}{tabs}{tabs-pane label="标签一"}{/tabs-pane}{tabs-pane
   label="标签二"}{/tabs-pane}{/tabs}{card-list}{card-list-item}{/card-list-item}{card-list-item}{/card-list-item}{card-list-item}{/card-list-item}{/card-list}
    * 2024年03月21日
    * 25 阅读
    * 4 评论
    * 0 点赞
   
   人工智能

 * 

 * 

查看更多
刘庆明

所谓清洗，不过是把脏污从一个物体上移动到另一个物体上罢了。

2 文章数
4 评论量
 * Wiki.js嵌入视频的解决方法

时光机
今日已经过去 2 小时
12%
这周已经过去 2 天
28%
本月已经过去 9 天
30%
今年已经过去 4 个月
33%
上头条
 1. 1
    
    WIKI.JS嵌入视频的解决方法
    
    30 阅读 - 2024/03/24
 2. 2
    
    欢迎使用 TYPECHO
    
    25 阅读 - 2024/03/21

热搜榜
Wiki.jsYouTubeMarkdown
 * 
 * 
 * 

广告
CC BY-NC-SA 4.0 © 2024 Liu Qingming. Rendered in 27 ms.
沪ICP备2024056107号-1