Question

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

它在Firefox中完美运行。

但在谷歌浏览器中，它无效。

<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>

        <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>

有什么想法吗？

如果要在任何浏览器中查看随机视频，我需要更改哪些内容？

Answer 1

首先，我在webm视频链接上获得访问被拒绝 “https://s3-us-west-2.amazonaws.com/nytimesvideos/bokeh1.webm”

但除此之外，代码正在Chrome中为我工作。我确实使用了自己的mp4。它应该用AVC（H264）编码用于视频和AAC用于音频。我已经尝试了用于视频的MPEG4（DivX），但这只会产生声音。

根据MDN Chrome应支持mp4，但我发现其他一些与此相反的来源（s1，s2）。这可能取决于您的Chrome版本。

然后我测试了一个webM视频，这也很好。

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

Answer 2

海德安，

感谢信息。我必须删除此链接（“https://s3-us-west-2.amazonaws.com/nytimesvideos/bokeh1.webm”）

MP4现在正在运作。

视频只能播放一次。如果我使用“Navbar”更改网站并返回视频未显示。我必须重新加载浏览器（但仅限于Google Chrom）

任何想法？

非常感谢。此致

随机视频无法在Chrome中运行

2 个答案: