javascript - 如何在html标签中的document.write中创建变量脚本？

Question

代码:

<script>var posterimage=/images/videos/intro/iamge01.png;</script>
<script>document.write('<video controls="controls" height="300" id="video-playlist" poster="VARIABLE" preload="none" src="video.mp4" width="300"></video>');</script>

视频播放器在 html 中工作，但海报图像不出现。

Answer 1

您需要使用字符串 concatenation为此:

var posterimage= '/images/videos/intro/iamge01.png';
document.write('<video controls="controls" height="300" id="video-playlist" poster="' + posterimage +'" preload="none" src="video.mp4" width="300"></video>');

您还可以使用template literals为此:

var posterimage= '/images/videos/intro/iamge01.png';
document.write(`<video controls="controls" height="300" id="video-playlist" poster="${posterimage}" preload="none" src="video.mp4" width="300"></video>`);