首页帮我写一个自动读取本地文件夹视频并预览的html

帮我写一个自动读取本地文件夹视频并预览的html

时间: 2023-05-11 20:03:41 浏览: 121

非常感谢您的提问，以下是一个简单的HTML代码，可以帮助您实现自动读取本地文件夹视频并预览的功能： ```html <!DOCTYPE html> <html> <head> <title>自动读取本地文件夹视频并预览</title> <meta charset="UTF-8"> <style> video { width: 50%; height: auto; margin: 10px; } </style> </head> <body> <h1>自动读取本地文件夹视频并预览</h1> <div id="videos"></div> <script> var videoFolder = "videos/"; // 视频文件夹路径 var videoExtensions = [".mp4", ".webm", ".ogg"]; // 视频文件扩展名 var videosDiv = document.getElementById("videos"); var videos = ""; function getVideos() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var files = JSON.parse(xhr.responseText); for (var i = 0; i < files.length; i++) { var file = files[i]; if (videoExtensions.indexOf(file.extension) !== -1) { videos += "<video controls><source src='" + videoFolder + file.name + "' type='" + file.type + "'></video>"; } } videosDiv.innerHTML = videos; } }; xhr.open("GET", "getVideos.php", true); // getVideos.php 是一个 PHP 文件，用于获取视频文件列表 xhr.send(); } getVideos(); </script> </body> </html> ``` 请注意，这个代码需要一个名为 getVideos.php 的 PHP 文件，用于获取视频文件列表。如果您不熟悉 PHP，可以在网上搜索相关教程。

阅读全文