Javascript Html5视频播放文件夹中的任何视频

您好，我有一个本地网页，使用html5视频源在学校大厅的电视上播放视频

每次给我一个新的视频播放，我必须进入代码，并改变视频的名称，使其在html5视频播放

我需要的是一些JavaScript、JQuery和PHP，它们将查看本地文件夹，加载本地驱动器中的任何视频，并将新视频名称注入html5视频源以便播放

我用过这个代码

从本地驱动器播放图片的幻灯片。它会自动将图片名称加载到幻灯片中。这是我想要的，但只是视频，而不是图片

我在Windows7电脑上使用XAMPP

---

我希望我能理解我想做的事情，并感谢你给予我的任何帮助

好吧，我不会为你写整个幻灯片。但是，下面是一个示例，说明如何将文件夹中的电影列为链接，并在单击它们时将它们添加到“视频源”属性中。在本例中，假设我们将所有脚本添加到同一个文件中

此脚本的工作要求：

jquery php HTML

将以下内容放在index.php中的body标记之间

<!-- this is your video element -->
<video width="400" controls>
    <!-- your video source, verify so that type is accurate -->
    <source id="vidsrc" src="myvideo.mp4" type="video/mp4">
</video>

PHP

将以下脚本放在index.php文件中的body标记之间

<?php
//fetch and list all the files found in the video folder. Make sure to change the path to your video folder.
foreach(glob('path-to-your-video-folder/*') as $video){
    echo '- <a href="#" class="isVideo" data-video="'.$video.'">'.$video.'</a><br/>';
    }
 ?>

jQuery

将下面的脚本放在底部，就在body close标记的前面

<script type="text/javascript">
//jQuery code that will trigger when you click on one of the links displayed by the PHP script
$('.isVideo').on('click',function(){
   //this will change the video source to the chosen video
   $('#vidsrc').attr('src',$(this).data('video'));
   return false;
   });
</script>

---

如果您不想更改文件名，您可以选择文件夹中的所有mp4文件随机播放，或者如果您的文件夹中只有一个mp4文件，它将只拾取一个

<?php
$myVideoDir = '.';
$extension = 'mp4';
$videoFile = false;
$pseudoDir = scandir($myVideoDir);
$myitems = array();
$mycounter = 0;
foreach($pseudoDir as $item) {
    if ( $item != '..' && $item != '.' && !is_dir($item) ) {
        $ext = preg_replace('#^.*\.([a-zA-Z0-9]+)$#', '$1', $item);
        if ( $ext == $extension )
            $videoFile = $item;
            if ( $videoFile <> "" ) {
                $myitems[] = $videoFile;
                $mycounter = $mycounter + 1;
            }               
    }
}

$myrandom = rand(0,$mycounter-1);
if ( !!$videoFile ) {

    echo '<video id="dep" class="center" width="400" autoplay controls>        
            <source src="'.$myVideoDir.'/'.$myitems[$myrandom].'" type="video/mp4"> 
        </video>
    ';
}
?>

---

与

Hi entiendo相比有所改进我很难理解如何处理你的代码片段。我更新了我的帖子，提供了更多信息。如果您有问题，请告诉我。您好，entiendo，我已经添加了我的视频位置在媒体中，它们显示为链接，但视频播放器显示的源无效。如果php或jquery不使用视频填充视频播放器，我在将代码添加到注释中时遇到问题，barTry将完整的源代码添加到glob中的your video文件夹中。视频文件的格式是什么？mp4？你能告诉我链接中的数据视频属性是什么吗？你把这个项目上传到什么地方了吗？这样可以更容易地帮助您调试它。