You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

无需订阅及指定平台,如何给MP4嵌入可点击URL链接?

在MP4中添加可点击跳转URL按钮的免费解决方案

MP4是纯视频编码格式,不支持原生交互元素,因此需要通过非纯MP4的方式实现。以下是两个符合要求(无付费软件、无需指定平台)的可行方案:

方案1:HTML5网页嵌入+自定义交互按钮(最简便)

把MP4放到HTML页面中,用基础的HTML/CSS/JS添加可点击按钮,无需任何付费工具,只用系统自带的文本编辑器就能完成。

操作步骤:

  1. 打开记事本(或其他文本编辑器),粘贴以下代码:
<!DOCTYPE html>
<html>
<body>
  <div style="position: relative; width: 1280px; margin: 0 auto;">
    <!-- 加载MP4视频 -->
    <video width="100%" controls>
      <source src="your-video-file.mp4" type="video/mp4">
      浏览器不支持HTML5视频
    </video>
    <!-- 可点击跳转按钮 -->
    <div 
      style="position: absolute; bottom: 60px; left: 50px; padding: 12px 24px; background: #2196F3; color: #fff; font-size: 16px; cursor: pointer; border-radius: 6px; user-select: none;"
      onclick="window.open('your-target-url', '_blank')"
    >
      点击访问链接
    </div>
  </div>
</body>
</html>
  1. 替换代码中的三个关键项:
    • 将your-video-file.mp4改为你的MP4文件名(和HTML文件放同一文件夹即可直接用文件名)
    • 将your-target-url替换为需要跳转的实际网址
    • 调整按钮的bottom/left参数、颜色、字体等,匹配你的需求
  2. 保存文件为video-with-button.html,双击用浏览器打开,就能看到带可点击按钮的视频。

进阶优化:

如果需要按钮仅在特定时间段显示,可添加JS监听视频播放进度:

const video = document.querySelector('video');
const button = document.querySelector('div[onclick]');
video.addEventListener('timeupdate', () => {
  // 示例:视频播放到10-30秒时显示按钮,其余时间隐藏
  button.style.display = (video.currentTime > 10 && video.currentTime < 30) ? 'block' : 'none';
});

方案2:MKV容器+开源工具添加交互标记(适合本地播放)

MKV是支持扩展交互元素的开源容器,用免费的MKVToolNix工具给视频添加带URL的章节标记,之后用支持MKV交互的播放器(如VLC)打开即可触发跳转。

操作步骤:

  1. 下载并安装免费开源的MKVToolNix工具(无付费订阅要求)
  2. 打开MKVToolNix GUI,将MP4文件拖入「输入文件」列表
  3. 切换到「章节」标签页,点击「添加章节」,设置章节的起止时间,在「URL」字段填入目标网址
  4. 点击「开始混流」,生成带交互标记的MKV文件
  5. 用VLC播放器打开生成的MKV文件,播放到对应章节时,右键选择「章节」即可触发跳转(部分播放器需开启交互支持)

内容的提问来源于stack exchange,提问作者JJ8000

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.26 21:47:30