YouTubeの動画を綺麗に表示させるJavaScript「PrettyEmbed.js」
twitter facebook hatena google pocket いまや動画の再生にYouTubeは欠かせない存在です。 YouTubeにアップした動画を表示させる際には公式のiframeダグを利用するケースが多いと思いますが上下にバーがつくなどちょっと物足りないですよね。 jQueryプラグインのPrettyEmbed.jsを利用すれば見た目を簡単に調整することが可能です。 sponsors 使用方法 PrettyEmbed.jsからファイル一式をダウンロードします。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="jquery.prettyembed.js"></script>
jQueryで指定ユーザーの最新のYoutube動画を表示する方法
サムネイルを表示して動画にリンクするパターン あとは「$.getJSON」などで取得するだけです。 htmlで適当なidでマークアップしておきます。 html <div id="youtube"></div> javascript <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript"> $(function() { $.getJSON('http://gdata.youtube.com/feeds/api/users/[username]/uploads?alt=json&max-results=3&callback=?', function (json) { var
Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」:phpspot開発日誌
Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」 2011年04月05日- Custom YouTube Player Reload ? Scripts and Code Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」 Youtubeの通常のembedタグを埋めこむと、再生ボタンやらなにやらが付いていたりしますが、次のように、再生ボタンなしに出来ます。 これだけでも、デザインされたサイトには馴染みそうですね。バーがあるとデザイン全体が台なしというケースもありそう。 更に、カーソルを合わせると次のようにカスタマイズされたコントロールバーが現れます。 このコントロールバーは、JavaScript + CSS + 画像でデザインされており、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
