javascript - HTML5 ビデオを動的に読み込んで再生する

Question

HTML5 ビデオの onClick イベントを読み込んで再生しようとしています。しかし、私はこれを達成することができません:-/

これが私のHTML5です：

<div id="divVideo">
    <video id="video" controls width="560">
        <source id="mp4" type="video/mp4" />
    </video>
</div>

<div onclick="loadVideo('Muse-Animals.mp4');">play</div>

ここに私のJSがあります：

function loadVideo(id)
{
    var video = document.getElementById('video');
    var mp4 = document.getElementById('mp4');

    mp4.src = "vidz/" + id;

    video.load();
    video.play();
}

要素を確認したところ、ビデオ タグのプロパティは更新されますが、ビデオの読み込みや再生は行われません。

私は何を間違っていますか？