如何在网页上使用Javascript进行图像和视频幻灯片显示

Question

这是到目前为止我对图像幻灯片的了解，如何将视频添加到幻灯片中，它们在显示时会自动播放，并且一直停留到视频结束？我也想在滚动的页面底部显示一条消息（就像他们在ESPN底部的消息一样）

<script>
    var i = 0; // Start point
    var images = [];
    var time = 1000;

    // Image List
    images[0] = 'image1.jpg';
    images[1] = 'image2.jpg';
    images[2] = 'image3.jpg';
    images[3] = 'image4.jpg';

    // Change Image
    function changeImg(){
        document.slide.src = images[i];

        if(i < images.length - 1){
            i++;
        } else {
            i = 0;
        }

        setTimeout("changeImg()", time);
    }

    window.onload = changeImg;

</script>

<img name="slide" width="400" height="200">