Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/244.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML自动播放视频,并在循环中从文件夹继续播放_Javascript_Php_Html_Css - Fatal编程技术网

Javascript HTML自动播放视频,并在循环中从文件夹继续播放

Javascript HTML自动播放视频,并在循环中从文件夹继续播放,javascript,php,html,css,Javascript,Php,Html,Css,我想运行文件夹中的所有视频,自动播放并不断重复 我发现了一些javascript代码,它工作得很好,但它必须包含在javascript代码列表中,是否有办法更改此代码以读取文件夹中的所有视频 这是javascript代码: <div class="main"> <video src="video\\video1.mp4" id="myvideo" width="100%" height="100%" controls autoplay poster="gambar\

我想运行文件夹中的所有视频,自动播放并不断重复

我发现了一些javascript代码,它工作得很好,但它必须包含在javascript代码列表中,是否有办法更改此代码以读取文件夹中的所有视频

这是javascript代码:

<div class="main">  
    <video src="video\\video1.mp4" id="myvideo" width="100%" height="100%" controls autoplay poster="gambar\logo.png">
</video>

<script>
    var myvid = document.getElementById('myvideo');
var myvids = [
  "video\\video1.mp4", 
  "video\\video2.mp4",
  "video\\video3.mp4"
  ];
var activeVideo = 0;

myvid.addEventListener('ended', function(e) {
  // update the new active video index
  activeVideo = (++activeVideo) % myvids.length;

  // update the video source and play
  myvid.src = myvids[activeVideo];
  myvid.play();
});
</script>
</div>  

var myvid=document.getElementById('myvideo');
var myvids=[
“视频\\video1.mp4”,
“视频\\video2.mp4”,
“视频\\video3.mp4”
];
var-activeVideo=0;
myvid.addEventListener('ended',函数(e){
//更新新的活动视频索引
activeVideo=(++activeVideo)%myvids.length;
//更新视频源并播放
myvid.src=myvids[activeVideo];
myvid.play();
});

如果确实有其他方法,我也会接受它,可能使用数据库读取文件或其他编码。请提供帮助。

假设您使用的是PHP

<?php
$directory='videos'; // Add your Directory here
$path    = './'.$directory.'/';
$allFiles = scandir($path,1);
$files = array_diff($allFiles, array('.', '..'));
print_r($files)
?>

<div class="main">  
    <video src="<?php echo 'videos/'.$files[0];?>" id="myvideo" width="100%" height="100%" controls autoplay  poster="gambar\logo.png">
</video>
<script type='text/javascript'>
  var directory = '<?php echo $directory;?>';
    var myvids = <?php echo json_encode($files); ?>;
    index=0;
    document.getElementById('myvideo').addEventListener('ended',myHandler,false);
    function myHandler(e) {
     index++;
       // For Repeating all video files 
       if(index>=myvids.length)
        index=0;

     var vid = document.getElementById("myvideo");
       vid.src = directory+'/'+myvids[index];
    }

</script>
</div>  

;
指数=0;
document.getElementById('myvideo').addEventListener('ended',myHandler,false);
函数myHandler(e){
索引++;
//用于重复所有视频文件
如果(索引>=myvids.length)
指数=0;
var vid=document.getElementById(“myvideo”);
vid.src=directory+'/'+myvids[index];
}

希望这对你有帮助

这对我帮助很大。我将投票表决你的答案。