Html5视频播放任何视频从文件夹 - Html5 video play any video from folder

Html5 video play any video from folder

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

每次有新视频要播放时，我必须进入代码并更改视频的名称，以便在html5视频中播放。

我需要的是一些JavaScript, JQuery &PHP会查找本地文件夹并加载本地驱动器中的任何视频并将新视频名称注入html5视频源中因此它会播放

我已经使用了这个代码http://www.ampedwebstandards.com/2009/03/16/tutorial-dynamic-image-slideshow-with-php-jquery/

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

我在windows 7 pc上使用XAMPP

我希望我在我想做的事情上有意义，并感谢您给予的任何帮助。

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

脚本运行的要求:

HTML

将以下内容放在index.php

的正文标签之间

<!-- 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文件

的正文标签之间

<?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结束标签之前的底部。

<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>
    ';
}
?>

从文件夹

播放视频的改进