动态地将视频网址分配给 <video> 标记

问：

我需要即时将视频网址分配给标签，期望视频也能即时显示在播放器中：<video>

我有这个：

<script>
jQuery( '#the-video' ).children( 'source' ).attr( 'src', 'the-video-url.mp4' ); 
</script>

<video id="the-video" autoplay width="320" height="240">
    <source src="" type="video/mp4">
    Your browser does not support the video tag.
</video>

但是视频不会像图像那样填充在浏览器中。 例如，当对图像执行此操作时，图像会自动显示：

<script>
jQuery( '#the-image' ).attr( 'src', 'the-image-url.jpg' ); 
</script>

<img src="" id="the-image" style="height:150px" />

图像即时显示。它对视频的作用不一样吗？我的想法快用完了。