HTML5使用<；视频>；标记从目录中插入每个.mp4_Html_Image_Video

HTML5使用<；视频>；标记从目录中插入每个.mp4

html image video

HTML5使用<；视频>；标记从目录中插入每个.mp4,html,image,video,Html,Image,Video,我正在尝试制作一个非常基本的图像/视频共享网站。为了让我自己更轻松，我想知道是否可以从一个目录中批量包含所有.mp4，而不是单独添加它们。这是我目前的文件： <html> <body>Under construction.<br> <video autoplay> <source src="away.mp4" type="video/mp4"> </video> </body> </html> 正

我正在尝试制作一个非常基本的图像/视频共享网站。为了让我自己更轻松，我想知道是否可以从一个目录中批量包含所有.mp4，而不是单独添加它们。这是我目前的文件：

<html>
<body>Under construction.<br>
<video autoplay>
<source src="away.mp4" type="video/mp4">
</video>
</body>
</html>


正在建设中。

我不想为每个文件手动添加

标记，有没有一种方法可以一次添加所有文件？或者像YouTube那样，它显示一个缩略图，但打开另一个页面来播放。如果有一种方法可以整体添加视频源，它是否包括新添加的文件？

可能是类似的

<?php
$dir    = './videos';
$video_files = [];

foreach(glob($dir.'/*.*') as $file) {
    $file_parts = pathinfo($file);
    if ($file_parts['extension'] == "mp4"){
        $video_files[] = $file;
    }
}

foreach($video_files as $video_file) {
    echo "<video autoplay>";
    echo "<source src=". $video_file ." type='video/mp4'>";
    echo "</video><br/>";
}

?>

这将是一个潜在的安全问题，它将允许客户端应用程序刮取整个目录的文件，因此我认为仅仅使用HTML是不可能的。如果您使用的是PHP、ASP.NET、JavaScript（Node）等服务器脚本语言，那么在那里很容易做到。您必须使用服务器端语言来查找图像，然后循环使用它们来创建要提供给最终用户客户端的HTML节点。PHP是处理大量大小不同的文件的方法吗？文件类型会影响这一点吗？使用PHP，您可以相对轻松地创建指向视频的链接列表。如果您已经在服务器上运行了它，那么这可能是一种方法。通常，更流行的服务器端语言将能够读取文件系统。在这一点上，语言的选择取决于你最熟悉的语言。如果你对这些语言有任何经验，我会选择。^你们两个都帮了大忙！我从来没有真正使用过PHP，因为与HTML相比，它对我来说非常可怕，但我找到了一个很好的教程，我找到了一种方法将它融入到我的想法中。谢谢
<?php
$dir    = './videos';
$video_files = [];

foreach(glob($dir.'/*.*') as $file) {
    $file_parts = pathinfo($file);
    if ($file_parts['extension'] == "mp4"){
        echo "<video autoplay>";
        echo "<source src=". $file ." type='video/mp4'>";
        echo "</video><br/>";
    }
}

?>