动态嵌入html中的视频

时间:2017-06-15 14:36:28

标签: javascript jquery html

我希望能够将来自源的视频动态嵌入到html页面中。例如,如果我想在我的页面中添加新视频,我只需将其放在一个文件夹中,并将其自动嵌入到我的html页面中。我想(如果可能的话)使用JavaScript和jQuery来做这件事。有人能指出我正确的方向吗?

1 个答案:

答案 0 :(得分:0)

必须这样做:

  1. 扫描文件夹
  2. 寻找正确的扩展名
  3. 将视频附加到页面

    var folder = "videos/";
    
    $.ajax({
        url : folder,
            success: function (data) {
                $(data).find("a").attr("href", function (i, val) {
                if( val.match(/\.(mp4)$/) ) { 
                    $("body").append( "
                        <video width="320" height="240" autoplay>
                            <source src='"+ folder + val +"' type="video/mp4">
                        </video>
                    " );
                } 
            });
        }
    });
    
  4. 来自https://stackoverflow.com/a/32940532/7117409

    的想法