Question

我的目标是通过javascript函数显示youtube视频，该函数将读取嵌入的代码并在指定的div中自动加载视频。但是我没有在分配给视频的div中显示任何内容。是因为它必须通过点击按钮触发吗？

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

Answer 1

YouTube在API中提供了自动播放选项：

https://developers.google.com/youtube/player_parameters#autoplay

只需在API请求中设置autoplay=1即可。

以下是autoplays的一个简单示例： http://jsfiddle.net/tnuJt/

通过Jquery / JS加载Youtube视频

1 个答案: