如何从.txt文件中读取url并在html src中使用



如何从txt文件中读取url并在html中使用?我在.txt文件中有一个视频源url。如何在html文件中使用此url?有时我想编辑.txt文件中的视频源。

在/videosrc.txt:中

http://www.videoexaple.com/videos/video.mp4

在/index.html文件中:

<html>
<head>
<title></title>
</head>
<body>
<video id="video">
<source id="videosource" src=" -url from /video.txt- " type='video/mp4'>
</video>
</body>
</html>

尝试这个

fetch('file.txt')
.then(response => response.text())
.then(text => { document.getElementById("videosource ").src =text;})

我建议您读一读:https://www.w3schools.com/php/php_file_open.asp参见第一个示例,您可以看到该文件的输出。

这将向您展示如何访问文件中的信息。那么,这只是一个将数据放在正确位置的问题。

最简单的方法是将一个扩展名为.js的文件(例如video.js(与html文件放在同一文件夹中

它看起来像这样:

const videoURL = "https://www.videoexaple.com/videos/video.mp4";

然后在你的HTML中有

<script src="video.js"></script>
<script>
window.addEventListener("DOMContentLoaded",function() {
document.getElementById("videosource").src = videoURL;
})
</script>

最新更新