如何从 .t​​xt 文件中读取 url 并在 html src 中使用?

How to read url from .txt file and use in 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>

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

这向您展示了如何访问文件中的信息。那么只需要将数据放在正确的位置即可。

最简单的方法是在 html 文件

所在的同一文件夹中创建一个扩展名为 .js 的文件 - 例如 video.js

看起来像这样:

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>

试试这个

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