Javascript 随机视频在Chrome中不起作用

我使用此代码在页面上显示随机电影

它在Firefox中工作得非常好

但在谷歌Chrome中，它不起作用。

<script type="text/javascript">

        var randomVid;
            randomVid = function() {
              var mp4, randomMp4SrcList, randomWebMSrcList, srcMp4, srcWebM, webM;
        randomMp4SrcList = [
            "files/random_movies/video1.mp4", 
            "files/random_movies/video2.mp4", 
            "files/random_movies/video3.mp4",
            "files/random_movies/video4.mp4",
            "files/random_movies/video5.mp4",
            "files/random_movies/video6.mp4",
        ];

              randomWebMSrcList = [
            "https://s3-us-west-2.amazonaws.com/nytimesvideos/bokeh1.webm", 
            "https://s3-us-west-2.amazonaws.com/nytimesvideos/bokeh2.webm"];

              mp4 = randomMp4SrcList[Math.floor(Math.random() * randomMp4SrcList.length)];
              webM = randomWebMSrcList[Math.floor(Math.random() * randomWebMSrcList.length)];
              srcMp4 = document.querySelectorAll("#bgvideo > source")[0];
              srcWebM = document.querySelectorAll("#bgvideo > source")[1];
              srcMp4.src=mp4;
              srcWebM.src=webM;
              return;
            };
    </script>

随机变量；
randomVid=函数（）{
var mp4、RANDOMP4SRCLIST、randomWebMSrcList、srcMp4、srcWebM、webM；
randomMp4SrcList=[
“文件/随机电影/视频1.mp4”，
“文件/随机电影/视频2.mp4”，
“文件/随机电影/视频3.mp4”，
“文件/随机电影/视频4.mp4”，
“文件/随机电影/视频5.mp4”，
“文件/随机电影/视频6.mp4”，
];
randomWebMSrcList=[
"https://s3-us-west-2.amazonaws.com/nytimesvideos/bokeh1.webm", 
"https://s3-us-west-2.amazonaws.com/nytimesvideos/bokeh2.webm"];
mp4=randomP4SRCLIST[Math.floor（Math.random（）*randomP4SRCLIST.length）]；
webM=randomWebMSrcList[Math.floor（Math.random（）*randomWebMSrcList.length）]；
srcMp4=document.querySelectorAll（#bgdevideo>source”）[0]；
srcWebM=document.querySelectorAll（#bgdevideo>source”）[1]；
srcMp4.src=mp4；
srcWebM.src=webM；
返回；
};

---

随机视频（）；

有什么想法吗？

---

要在任何浏览器中查看随机视频，我必须做哪些更改？

首先，我在webm视频链接上被拒绝访问 “”

但除此之外，该代码在Chrome中对我有效。 我确实使用了我自己的mp4。它应该用AVC（H264）编码用于视频，AAC编码用于音频。 我试过用MPEG4（DivX）制作视频，但结果只有声音

据我所知，Chrome应该支持mp4，但我发现一些其他来源（，）与此相矛盾。这可能取决于你的Chrome浏览器的版本

然后我测试了一个webM视频，效果也不错

---

因此，如果mp4在您的chrome中不起作用，并且webM url的访问被拒绝，那么就没有视频。

首先，我在webM视频链接上的访问被拒绝 “”

但除此之外，该代码在Chrome中对我有效。 我确实使用了我自己的mp4。它应该用AVC（H264）编码用于视频，AAC编码用于音频。 我试过用MPEG4（DivX）制作视频，但结果只有声音

据我所知，Chrome应该支持mp4，但我发现一些其他来源（，）与此相矛盾。这可能取决于你的Chrome浏览器的版本

然后我测试了一个webM视频，效果也不错

因此，如果mp4在你的chrome中不起作用，并且webM url的访问被拒绝，那么就没有视频了。

Hy Demian

谢谢你的信息。我必须删除这个链接（“”）

MP4正在工作

这段视频只能播放一次。如果我用“导航栏”更改站点，然后返回，则视频不会显示。我必须重新加载浏览器（但只能加载到Google Chrom）

有什么想法吗

非常感谢。 向海黛米安致意

谢谢你的信息。我必须删除这个链接（“”）

MP4正在工作

这段视频只能播放一次。如果我用“导航栏”更改站点，然后返回，则视频不会显示。我必须重新加载浏览器（但只能加载到Google Chrom）

有什么想法吗

非常感谢。

---

关于

而不是使用

文档.querySelectorAll

中的索引0和1，您可以使用

文档.querySelector

和选择器

“#bgvideo>source[type=video/mp4]”

和

“#bgvideo>source[type=video/webm]”

为了避免在文档中更改它们的顺序时出现任何混乱。您可以使用

文档.queryselectoral

中的

索引0和1，而不是使用
文档.querySelector
和选择器
“#bgvideo>源[type=video/mp4]”
和
“#bgvideo>源[type=video/webm]”
为避免在文档中更改订单时出现任何混乱。您好，欢迎来到stackoverflow。这是一个问答网站，不是论坛。所以，像你这样的后续问题在这种格式下不太管用。最好是用新数据问一个新问题，并从这个问题中引用它。祝你好运你好，雷托，欢迎来到stackoverflow。这是一个问答网站，不是论坛。所以，像你这样的后续问题在这种格式下不太管用。最好是用新数据问一个新问题，并从这个问题中引用它。祝你好运
        <div class="background-video-holder">
            <video id="bgvideo" class="background-video hidden-xs" preload="auto" autoplay="autoplay" loop="loop">
                <source src=" " type="video/mp4">
                    <source src=" " type="video/webm">
                        <script>
                            randomVid();
                        </script>
            </video>