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

Question

如何从 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>

Answer 1

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

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

Answer 2

最简单的方法是在 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>

Answer 3

试试这个

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

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

How to read url from .txt file and use in html src?

html

javascript

url

text

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

How to read url from .txt file and use in html src?

html

javascript

url

text

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