htmlタグのdocument.writeに変数スクリプトを作成する方法は？

Question

コード：HTML内のビデオプレーヤーの仕事が、表示されませポスターイメージ

<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> 

。

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>`); 

Answer 2

• まず、あなたがする各スクリプトの命令を必要としませんそれ自身で scriptタグである。
• 新しいコンテンツをwindowに作成していない限り、document.write()を使用しないでください。代わりに、既存の要素 を入力してください。
• 第3に、リテラル文字列を引用符で囲む必要があります。

• 最後に、あなただけの あなたの文字列に変数の参照を連結する必要があります。

  <script> 
      // String literals must be quoted 
      var posterimage = "/images/videos/intro/iamge01.png"; 
  
      // You should get a reference to an empty container element 
      // that you want the video to go into and then just set the 
      // content of that element: 
      elementReference.innerHTML(`<video controls="controls" height="300" 
              id="video-playlist" poster="` + 
              posterimage + `" preload="none" 
              src="video.mp4" width="300"></video>`); 
  </script>