问自动播放和循环一个视频数组，并用每个视频更改CSS

EN

首先，我是一个代码新手，我理解我的无知可能不会太受欢迎。尽管如此，如果你愿意纵容和帮助我，我会非常感激的。

因此，在过去的几年里，作为对其他人的回应，人们表达了http://stackoverflow.com/questions/17521012/html5-video-loop-src-change-on-end-play-function-not-working作为我问题的第一部分的答案。上述答案的代码：

<video id="homevideo" width="100%" autoplay onended="run()">
    <source src="app/video1.mp4" type='video/mp4'/>
</video>

&

video_count =1;
videoPlayer = document.getElementById("homevideo");

function run(){
        video_count++;
        if (video_count == 4) video_count = 1;
        var nextVideo = "app/video"+video_count+".mp4";
        videoPlayer.src = nextVideo;
        videoPlayer.play();
   };

然而，如果视频没有遵循videonumber.mp4命名约定，那么如何构建它呢？我应该说，我找到并尝试了最初提供给这里的解决方案，但由于某种原因，它只会循环第一个视频，而不播放其他视频。

最后，另外，我希望每个视频都有一个预定义的CSS变化附加到它。例如，当特定的视频播放时，父元素的背景色将更改为指定的颜色。同样的情况也会发生在阵列中的每个视频中，每个视频都有一个预定义的颜色，背景颜色将改变为。

如果人们能够提供一个解决方案，并简要地解释它，以便我有希望学习，那将是很棒的！

非常感谢各位。