我的目标是通过一个JavaScript函数来显示一个Youtube视频，这个函数将读取嵌入的代码并自动将视频加载到指定的div中。但是我没有在为视频指定的div中显示任何内容。这是因为它必须通过单击按钮来触发吗？
<html>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var last_cnad_text_1 = '';
var options_cnad_text_1 = {
embedMethod:'fill',
maxWidth:320,
maxHeight: 320
};
function loadVideo()
{
val = $('#cnad_text_1').val();
if ( val != '' && val != last_cnad_text_1 )
{
last_cnad_text_1 = val;
$("#embed_cnad_text_1").oembed(val,options_cnad_text_1);
}
}
$(function(){
$('#cnad_text_1').keydown(loadVideo());
$('#cnad_text_1').click(loadVideo());
$('#cnad_text_1').change(loadVideo());
});
</script>
<body>
<input id="cnad_text_1" type="text" value="" size="60" name="cnad[text_1]">
<div id="embed_cnad_text_1"></div>
</body>
</html>
1条答案
按热度按时间tpgth1q71#
YouTube在API中提供了一个自动播放选项：
https://developers.google.com/youtube/player_parameters#autoplay
只需在API请求中设置
autoplay=1。下面是一个自动播放的简单示例：http://jsfiddle.net/tnuJt/