0

私の目標は、埋め込まれたコードを読み取り、割り当てられたdivにビデオを自動的にロードするjavascript関数を介してYouTubeビデオを表示することです。しかし、ビデオに割り当てられた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>
4

1 に答える 1

0

YouTube は、API で自動再生オプションを提供しています。

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

autoplay=1API リクエストで設定するだけです。

自動再生する簡単な例を次に示します: http://jsfiddle.net/tnuJt/

于 2012-06-04T22:36:15.163 に答える