html-从txt文件获取视频src路由，并建立相同的属性

Question

我正在制作一个包含一些视频的网页，所有视频都以相同的方式工作：

<section>
            <video src="videos/Video1.mp4" controls></video>
            <video src="videos/Video2.mp4" controls></video>
            <video src="videos/Video3.mp4" controls></video>
            <video src="videos/Video4.mp4" controls></video>
            <video src="videos/Video5.mp4" controls></video>
</section>

目前它们都具有controls标记，但是以后可以更改。

无论如何，我想知道是否有一种方法可以使代码更加抽象。我正在考虑使用带有源路由的txt文件，因此进入页面时会读取并处理每一行。这样，您可以随时更改txt文件，然后重新加载您在源代码中设置的任何更改。

[file sources.txt]
videos/Video1.mp4
videos/Video2.mp4
videos/Video3.mp4
videos/Video4.mp4
videos/Video5.mp4
[end file]

此外，如果我想更改标签选项（例如删除“控件”），则最好只执行一次而不是更正每个视频标签。

请让我知道我所说的话是否可行，和/或我在使用方法时遇到什么错误。