ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Youtube動画をページ背景ã«ã™ã‚‹jQueryプラグイン「tubularã€:phpspot開発日誌
tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design Youtube動画をページ背景ã«ã™ã‚‹jQueryプラグイン「tubular〠ã“ã‚“ãªã“ã¨ãŒå‡ºæ¥ã¡ã‚ƒã†ã®ã‹ã¨ã„ã†æ„Ÿã˜ã§ã™ãŒã€ãƒšãƒ¼ã‚¸èƒŒæ™¯å…¨ä½“ã‚’Youtubeå‹•ç”»ã«ã§ãã¾ã™ã€‚ 実装ã¯ã€$('body').tubular('_VKW_M_uVjw','wrapper'); ã®ã‚ˆã†ã«ã€tubular ã«videoIDã®å¼•æ•°ã¨ãƒ©ãƒƒãƒ‘ーã®IDを渡ã›ã°OK。 背景をクリックã§å‹•ç”»ã«ã¨ã‚“ã˜ã‚ƒã„ã¾ã™ãŒã€ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã‚‚らã£ã¦ã‚‹ã‚ã‘ãªã®ã§ã—ょã†ãŒãªã„ã§ã™ã。 ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é ˜åŸŸã¯å•é¡Œãªãクリックã§ãã‚‹ã¨ã“ã‚ãŒãƒŠã‚¤ã‚¹ã§ã™ã€‚ 関連エントリ é¢ç™½ã„テã‚ストアニメーションãŒä½œã‚Œã‚‹jQueryプラグイン「textualizer〠時間ã®å…¥åŠ›ã‚’楽ã«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹jQuer
HTML5ãªVideo Playerライブラリã€VideoJSã¨MediaElement.js
Webã§ãƒ“デオã ã£ãŸã‚‰Flash+.flv最強ä¼èª¬ãŒé•·ã続ã„ã¦ã¾ã—ãŸãŒiOSã®ç™»å ´ã§çŠ¶æ³ãŒå¤‰ã‚ã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ iOSã§ã¯Flashã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã›ã‚“ã€ã¦ã„ã†ã‹è¶…悪者扱ã„ã§ã™ã€‚ iPhone, iPad対応ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã¯ã€ã‚¸ãƒ§ãƒ–ズã•ã‚“ã¯HTML5(<video>)+h.264一択ãªã®ã§HTML5を使ã‚ã–ã‚‹ãˆã¾ã›ã‚“。 PCå‘ã‘ã¯ã©ã†ã™ã‚‹? ã©ã†åˆ†å²ã™ã‚‹ï¼Ÿ ãã‚“ãªé¢å€’ãã•ã„ã“ã¨ã‚’一手ã«å¼•ãå—ã‘ã¦ãれる便利ãªãƒ©ã‚¤ãƒ–ラリãŒè‰²ã€…ç™»å ´ã—ã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ Browserã¨å‹•ç”»ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆ videoã‚¿ã‚°ã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„る動画フォーマットãŒBrowser毎ã«é•ã†ã®ãŒå¤§ããªå•é¡Œã§ã™ã€‚ h.264 IE9, Safari, iOS, Android WebM IE9*, Firefox 4以é™, Opera 10.60以é™, Chrome *IE9ã¯VP8 CODECをインストール
å°å¤ªéƒŽã¶ã‚ã
普通ã®çµ¨æ¯¯ã‚’身体ã®å‰é¢ã«å›ºå®šã—ãŸçŠ¶æ…‹ã§ã€å²©å±±ã®ä¸Šã‹ã‚‰é£›ã³é™ã‚Šã‚‹ãƒ™ãƒ¼ã‚¹ã‚¸ãƒ£ãƒ³ãƒ—。 何ã®å¤‰å“²ã‚‚ãªã„ãŸã ã®çµ¨æ¯¯ãªã®ã«ã€ã¾ã‚‹ã§é”法ã®ã˜ã‚…ã†ãŸã‚“ã«ä¹—ã£ã¦ã„ã‚‹ã‹ã®ã‚ˆã†ãªé£›è¡Œã‚’楽ã—ã‚る。 アラジンã®æ›²ã‚’æµã—ãªãŒã‚‰é£›ã³ãŸã„。 ã€é–¢é€£ã€‘ é”法ã®çµ¨æ¯¯ã«ä¹—ã£ãŸã‚¢ãƒ©ã‚¸ãƒ³ã«æ‰®ã—ã€ãƒ‹ãƒ¥ãƒ¼ãƒ¨ãƒ¼ã‚¯å¸‚内を滑り抜ã‘ã¦ã¿ãŸ é”法ã®çµ¨æ¯¯ã§æµ·ã®ä¸Šã‚’スイスイ飛行。アラジンã«æ‰®ã—ã¦äººã€…を楽ã—ã¾ã›ã¦ã¿ãŸ ãƒã‚±åœ°ãŒã‚¦ã‚ºãƒ™ã‚スタンã¨ã„ã†ã ã‘ã§æœ€é«˜ã™ãŽã‚‹ã€ã‚¢ãƒ©ã‚¸ãƒ³é¢¨ã®ãƒ‘ルクール
ã“ã‚Œã¯å¿…見ã‹ã‚‚ãªYoutubeç‰ã®åŸ‹ã‚è¾¼ã¿å‹•ç”»ã‚’å‹•çš„ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹CSS例:phpspot開発日誌
CSS: Elastic Videos ã“ã‚Œã¯å¿…見ã‹ã‚‚ãªYoutubeç‰ã®åŸ‹ã‚è¾¼ã¿å‹•ç”»ã‚’å‹•çš„ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹CSS例。 ブãƒãƒƒã‚¯ã®ã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚ŒãŸéš›ã«ãŠã„ã¦å‹•ç”»ã‚’固定サイズã«ã—ã¦ã—ã¾ã†ã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã¦ã—ã¾ã„ã¾ã™ãŒã€å…¬é–‹ã•ã‚Œã¦ã„るサンプルを使ã†ã¨ã€HTML5å‹•ç”»ã€embed/iframeã®å‹•ç”»ã‚’レイアウトã«åˆã‚ã›ã¦CSSã§è‡ªç”±ã«ä¼¸ç¸®å¯èƒ½ã€‚ 解åƒåº¦ã®é•ã†ã€iPhoneç‰ã§ã‚‚動作を確èªã—ã¦ã„ã‚‹ãã†ã§ã€ã©ã‚“ãªç’°å¢ƒã§ã‚‚動画をページã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ãŸã„用途ã«æœ‰ç”¨ã§ã™ã€‚ 通常サイズ。ブãƒãƒƒã‚¯ã„ã£ã±ã„ã«åºƒãŒã‚‹å‹•ç”» å¹…ã‚’iPhoneãªã¿ã«å°ã•ãã—ã¦ã¿ãŸä¾‹ã€‚動画も縮んã§ã¾ã™ã€‚ IEã§ã‚‚å‹•ãã¿ãŸã„ã§ã™ã€‚ ã“ã‚Œã¯è¦šãˆã¦ãŠã„ãŸã»ã†ãŒã‚ˆã•ãã†ã§ã™ã€‚ 関連エントリ フリーã§æ–°ã—ã‚ã®XHTML/CSSã§æ›¸ã‹ã‚ŒãŸã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—レート４５ ãœã‚“ã¶ãƒ”ュアCSSã§ã‚„ã£ã¡ã‚ƒãŠã†ã¨ã„ã†JavaScriptã®ä»£æ›¿ãƒ‡ãƒ¢ï¼•ï¼– Ajaxスタ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Animoto - Make & Share Beautiful Videos Online
Fooooo | 検索ã€å‹•ç”»ã€å¤©æ°—ã€ãƒ‹ãƒ¥ãƒ¼ã‚¹ãŒå……実ã®ã‚¹ã‚¿ãƒ¼ãƒˆãƒšãƒ¼ã‚¸
{{#tags}}- {{label}}
{{/tags}}