Question

大家好我有问题。我希望网站中的视频链接每天随机更改其值。

示例：周一视频链接1播放。星期二链接2播放，依此类推。我想用Javascript做这件事。我试过这样的事情：

<iframe id="videorotator" style="box-shadow: 5px 5px 5px #888888;" width="307" height="315" src="//www.youtube.com/embed/UZopKnDHti8" frameborder="0" allowfullscreen></iframe>
<script type="text/javascipt">
var videos = ["http//www.youtube.com/embed/UZopKnDHti8","http://www.youtube.com/embed/z8GHNhteHJQ"];
var i=0;

function myLoop () {           
    setTimeout(function () {   
        var yourElement = document.getElementById('videorotator');
        yourElement.setAttribute('src', "="+videos[i]);        
        i++;                
        if (i < 6) {         
            myLoop();         
        }                   
    }, 3000)
}

myLoop();
</script>

JSFiddle：http://jsfiddle.net/4aearfvr/

注意1：为了测试，我将其设置为3秒注意2：如果有更简单的解决方法，请通知我。感谢

Answer 1

jsFiddle demo

var day = new Date().getDay();  
var video = document.getElementById('videorotator');
var videos =[
    "http//www.youtube.com/embed/UZopKnDHti8",
    "http://www.youtube.com/embed/z8GHNhteHJQ"
];

video.setAttribute('src', videos[day%videos.length]);

你说你想要一个视频/天，所以得到日期号码并获得视频src。

Answer 2

如果你想根据一周的哪一天显示视频，那么我建议你这样做

var videos =["UZopKnDHti8","z8GHNhteHJQ","UZopKnDHti8","z8GHNhteHJQ","UZopKnDHti8","z8GHNhteHJQ","z8GHNhteHJQ"];
var day = new Date().getDay();

var yourElement = document.getElementById('videorotator');
yourElement.setAttribute( 'src', '//www.youtube.com/embed/' + videos[ day ] );

getDay返回0 =星期日，1 =星期一，2 =星期二......这非常适合访问数组

在数组中我只添加了ID，没有必要重复http://www.youtube.com/embed/ 7次，当您使用{{1}时，也可以将ID附加到网址}

DEMO

在演示中，您可以看到缩略图从原始视频轻弹到正确的视频，只需删除原始的src，它就会更顺畅地工作

如何在特定时间javascript进行视频更改

2 个答案: