时间戳

首页 > 解决方案 > 查找动态视频 src 并将 src 作为链接附加

jquery - 查找动态视频 src 并将 src 作为链接附加

问题描述

我正在尝试获取动态 HTML5 视频的 src，并将 src 作为链接附加到视频下方，以便下载。我无法直接访问标记，因此无法调整视频播放器的设置以适应这一点，因此我一直在尝试使用 jQuery 来实现，但无法理解正确的语法是什么。

<div class="wrapper">
  <div id="player">
    <video><source src="video.mp4"></video>
  </div>
</div>

$(function() {
  var video = $('.wrapper video')[0];
  $("#player").prepend($(video).attr('src'));
});

标签： jqueryhtmlvideo

解决方案

您在 jquery 中缺少source标签。

$(function() {
  var video = $('.wrapper video')[0];
  $("#player").prepend('<a href=' + $("source", video).attr('src') + ' >link</a>');
});

演示

$(function() {
  var video = $('.wrapper video')[0];
  $("#player").prepend('<a href=' + $("source", video).attr('src') + ' >link</a>');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper">
  <div id="player">
    <video><source src="video.mp4"></video>
  </div>
</div>

推荐阅读