3

ここに画像の説明を入力してくださいさて、基本的に私は次のYoutubeChanel埋め込みコードを使用しました。

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&amp;up_channel=tomdesigner777&amp;synd=open&amp;w=320&amp;h=390&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

そして、それは恐ろしい青い背景のビデオスライドショーを備えた小さな青いボックスを埋め込みますが、ビデオプレーヤーを少し大きくして背景を変更するにはどうすればよいですか？...埋め込みコードでは何もできません。どんな助けでもいただければ幸いです！

4

1 に答える 1

2

Googleモジュールの使用は必須ですか？変更を加える場合、柔軟性はあまり得られません。

YouTube APIのJSON応答を使用してみませんか？そうすれば、JavaScriptを介して必要なビデオを取得する際に完全な柔軟性を得ることができます。

必要なチャンネルのJSONフィードは次のとおりです：https ：//gdata.youtube.com/feeds/api/users/tomdesigner777/uploads？v = 2＆alt = jsonc＆max-results = 5

アップデート

YouTubeユーザーアップロードチャンネルから動画を取得するために使用できるコードは次のとおりです。現時点では、このコードはページの更新ごとに1つのビデオをランダムに出力します。

$(document).ready(function() {
    var randNumber = RandNo(1,5);
    
    $.ajax({
        type: "POST",
        url: "https://gdata.youtube.com/feeds/api/users/tomdesigner777/uploads?v=2&alt=jsonc&max-results=5",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "jsonp",
        success: function(result) {
            var data = result.data;
            
            $("#yt").html("<iframe width='560' height='315' src='http://www.youtube.com/embed/" + data.items[randNumber].id + "' frameborder='0' allowfullscreen></iframe>");
        }
    });
});

function RandNo(min,max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
}

完全なソリューション： http： //jsfiddle.net/sbhomra/kCSsX/

于 2012-04-14T20:46:17.983 に答える