将 javascript var 传递到 iframe答案

【问题标题】：pass javascript var into iframe将 javascript var 传递到 iframe
【发布时间】：2013-06-07 10:58:01
【问题描述】：

我想从 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>

【问题讨论】：

使用 HTML5 PostMessage, support

标签： javascript variables iframe youtube

【解决方案1】：

试试这个：

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

【讨论】：

你是个艺术家！谢谢。

【解决方案2】：

使用 jQuery：试试这个。（iframe是iframe标签的id）

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

【讨论】：