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

【问题标题】：Find dynamic video src and append the src as a link查找动态视频 src 并将 src 作为链接附加
【发布时间】：2019-09-04 05:56:18
【问题描述】：

我正在尝试获取动态 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'));
});

【问题讨论】：

标签： jquery html video

【解决方案1】：

您的 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>

【讨论】：