我如何找到视频的所有链接并添加 "Play Video" 或 "Download Video" 选项

Question

我正在使用 php 从互联网上抓取和生成视频 link，现在我想添加 "Play Video" 或 "Download Video" 的选项找到视频 link 并在选择播放视频选项时添加视频播放器。

例如访问这个网站 http://filemile.ga/new.php?search=arrow&view=linkfile

<table>
  <thead>
    <tr>
      <th class="n">Name</th>
      <th class="m">Last Modified</th>
      <th class="s">Size</th>
      <th class="t">Type</th>
      <th>Play/Download???</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="n">
        <a href="http://example.com">Parent Directory</a>
      </td>
      <td class="m">&nbsp;</td><td class="s">- &nbsp;</td>
      <td class="t">Directory</td>
    </tr>

    <tr>
      <td class="n">
        <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv">Big_Buck_Bunny_small.ogv</a>
      </td>
      <td class="m">&nbsp;</td><td class="s">4.5MB</td>
      <td class="t">video</td>
    </tr>
    <tr>
      <td class="n">
        <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">bunny.mp4</a>
      </td>
      <td class="m">&nbsp;</td><td class="s">1.8MB</td>
      <td class="t">video</td>
      <td class="d"></td>
    </tr>
    <tr>
      <td class="n">
        <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm">bunny.webm</a>
      </td>
      <td class="m">&nbsp;</td><td class="s">2.8MB</td>
      <td class="t">video</td>
    </tr>
  </tbody>
</table>

我该怎么做？

Answer 1

阅读 TD 的 .n 主播。提取 href 并获取文本。
为每个 TR 准备一个空的 TD 并喜欢（使用 jquery 的示例）：

function isVideo(uri) {
  return /\.(webm|mkv|avi|mp4|mpeg|mpg|ogv)/.test(uri);
}

$("tbody tr").each(function(){

  var $tdDownload = $(this).find(".d"),
      $tdName = $(this).find(".n"),
      $tdNameA = $tdName.find("a"),
      uri = $tdNameA.prop("href"),
      ext = uri.split(".").pop(),
      name = $tdNameA.text(),
      name2 = name.replace(/[\w\s]/ig,"");

  if(!isVideo(uri)) return; // Do nothing. Else...

  var pl = "<a class='play' href='"+ uri +"'>Play</a>",
      dl = "<a class='download' href='"+ uri +"' download='"+ name2 +"'>Download</a>";
  $tdDownload.append(pl, dl);

});


var videoPopup = document.getElementById("videoPopup");



function playVideo(event) {
  event.preventDefault();

  videoPopup.innerHTML = "";

  var src = this.getAttribute("href");
  var ext = src.split(".").pop();
  var type = "video/"+ ext.replace("ogv","ogg").replace("mkv","x-matroska");

  var video = document.createElement('video');
  var source = document.createElement('source');

  source.setAttribute("type", type);
  source.setAttribute("src", src);
  video.controls = true;
  video.appendChild(source);
  videoPopup.appendChild(video);
  video.play();

}


$("table").on("click", ".play", playVideo);

table{
  border-collapse: collapse;
}
th{
  text-align: left;
}
th, td{
  padding: 4px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
td.d a{
  line-height:16px;
  display: block;
  font-size: 11px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <thead>
    <tr>
      <th class="n">Name</th>
      <th class="m">Last Modified</th>
      <th class="s">Size</th>
      <th class="t">Type</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="n">
        <a href="http://example.com">Parent Directory</a>
      </td>
      <td class="m">&nbsp;</td><td class="s">- &nbsp;</td>
      <td class="t">Directory</td>
      <td class="d"></td>
    </tr>

    <tr>
      <td class="n">
        <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv">Big_Buck_Bunny_small.ogv</a>
      </td>
      <td class="m">&nbsp;</td><td class="s">4.5MB</td>
      <td class="t">video</td>
      <td class="d"></td>
    </tr>
    <tr>
      <td class="n">
        <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">bunny.mp4</a>
      </td>
      <td class="m">&nbsp;</td><td class="s">1.8MB</td>
      <td class="t">video</td>
      <td class="d"></td>
    </tr>
    <tr>
      <td class="n">
        <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm">bunny.webm</a>
      </td>
      <td class="m">&nbsp;</td><td class="s">2.8MB</td>
      <td class="t">video</td>
      <td class="d"></td>
    </tr>
  </tbody>
</table>


<div id="videoPopup"></div>

我如何找到视频的所有链接并添加 "Play Video" 或 "Download Video" 选项

how do i find all the links of videos and add option of "Play Video" or "Download Video"

html

javascript

php

video

video-streaming