HTML5 videoタグを使ってランダムに選んだ動画を再生したい。

Question

HTML5 videoタグを使ってランダムに選ばれた動画を再生したい。

###該当のソースコード

<video id="video" autoplay loop></video>

<script type="text/javascript">
var video = document.getElementById("video");
video.poster = "poster.jpg";

var videolist = new Array(
  "video1.mp4",
  "video2.mp4",
  "video3.mp4",
  "video4.mp4" );
var videonum = Math.floor(Math.random() * videolist.length);	
video.src = "+videolist[videonum]+";

video.load();
</script>

要素の検証結果

<video id="video" autoplay="" loop="" poster="poster.jpg" src="+videolist[videonum]+"></video>

src属性の値が +videolist[videonum]+ となってしまいます。

Answer 1

ダブルコーテーションで囲んでいるため、文字列として扱われているようです。
前後の＋が必要な前提ですが、、

video.src = "+" + videolist[vidoenum] + "+";

これでいかがでしょうか？

Comments

[hw-tt]

ご回答、ありがとうございます。
無事解決できました。