Question

我正在尝试将jw播放器添加到自定义cms中，用户可以在其中添加mp4文件，并将其作为链接显示在页面中。但我想要做的是检测页面上的每个mp4文件，让jw播放器包装页面上的每个mp4文件并允许它播放。这可能吗？如果是这样的话就有一个例子。

Answer 1

假设渲染结果是某种包含锚标记的列表，如：

<a href="file1.mp4">File1</a>
<a href="file2.mp4">File2</a>
...

您可以解析每个锚标记和正则表达式的href属性内容，即：

$("a").each(function() {
  var href = $(this).attr('href');

  if(href.search(/*\.mp4/) != -1) {
    // this is an anchor tag where the href attribute points to an mp4 file
    // so you can replace it with some other html code

    // for instance, hide the anchor tag
    $(this).hide();

    // add some other html code after the hidden anchor tag, eg. jw player
    $(this).after('<div class="player"> <-- player code goes here --> </div>');
  }
});

如果您可以按照服务器端确定应替换哪些链接的方式修改正在呈现的模板，那就更容易了。例如，如果你可以产生类似的东西：

<a hreF="file1.mp4" class="mp4-file">File1</a>
...

你可以做到

$(".mp4-file").each(function() {
  // no need to regex here

  $(this).hide();
  $(this).after('<div class="player"> <-- player code goes here --> </div>');
});

我想你明白了......

检测页面上的mp4文件并自动将它们包装在jwplayer中？

1 个答案: