将javascript var传递给iframe

时间:2013-06-07 10:58:01

标签: javascript variables iframe youtube

我想从5个视频列表中选择一个随机的YouTube视频。我使用javascript将视频分配到一个数组中,然后随机选择一个。然后我尝试在iframe中传递随机选择视频的变量,但是它没有加载视频。

3个问题:我是否正确传递变量?甚至可以将变量传递给访问不同域的iframe吗?如果没有,是否有关于如何实现预期结果的建议?

<script>
    var vtube=new Array()
    vtube[0]='UvJofkh8'
    vtube[1]='LdW3t801'
    vtube[2]='BWbcRkZ'
    vtube[3]='tgQhs81s'
    vtube[4]='ye5VpPCc'
    var whichvtube=Math.floor(Math.random()*(vtube.length))
    var vtubeselected=(vtube[whichvtube])
</script>


<iframe width="280" height="210" src="http://www.youtube.com/embed/+vtubeselected?rel=0" frameborder="0" allowfullscreen></iframe>

2 个答案:

答案 0 :(得分:2)

试试这个:

<script type="text/javascript">
var vtube = ['UvJofkh8', 'LdW3t801', 'BWbcRkZ', 'tgQhs81s', 'ye5VpPCc'];
var whichvtube = Math.floor(Math.random()*(vtube.length));
var vtubeselected = vtube[whichvtube];

document.write('<iframe width="280" height="210" src="http://www.youtube.com/embed/' + vtubeselected + '?rel=0" frameborder="0" allowfullscreen></iframe>');
</script>

答案 1 :(得分:2)

使用jQuery:尝试这个。 (iframe是iframe标记的ID)

$(document).ready(function(){
$('#iframe').src='http://www.youtube.com/embed/+vtubeselected?rel=0'+<whatever no want to add>
});