HTML5使用<video>标签插入目录中的每个.mp4

时间:2016-01-15 21:38:44

标签: html html5 image video

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

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

我不想为每个文件手动添加<video>标记,有没有办法一次性添加它们?或像YouTube这样的地方,它显示缩略图但打开另一个页面来播放它。如果有一种方法可以整体添加视频源,它是否包含新添加的文件?

2 个答案:

答案 0 :(得分:0)

也许是那样的

<?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/>";
}

?>

或在一个循环中

<?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/>";
    }
}

?>

答案 1 :(得分:-1)