2011/10/21

[jQuery]dailymotionの動画を動的にローディング

ある特定のページにあるdailymotionの動画を自分のサイトに動的にロードしたい場合。

oEmbedを読むと、下記のように実装すればいけるようだ。

<div id="dummyDailymotion"></div>
<script type="text/javascript">
jQuery(function($){
var params = { allowScriptAccess: "always" ,allowFullScreen:"true"};
var url = 'http://www.dailymotion.com/services/oembed?format=json&url='+
encodeURIComponent('http://www.dailymotion.com/video/xlttzc_coldplay-paradise_music')+
'&callback=hoge&wmode=transparent';
var script = $('<script>');
script.attr('src',url);
$('body').append(script);

});

function hoge(res){
jQuery('#dummyDailymotion').append(res['html']);
}
</script>
IEでもうごきましたよ!!

0 コメント:

コメントを投稿