[JS]YouTubeã®å‹•ç”»ã‚’ページ全体ã®èƒŒæ™¯ã«é…ç½®ã—ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ä»Šæ™‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使ã£ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å‹•ç”»ã‚’ページã„ã£ã±ã„ã®èƒŒæ™¯ã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ã®ã¯ã€ã“ã“数年人気ã®é«˜ã„テクニック。 ãã®æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã€å‹•ç”»ã®ä¸Šã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã—スクãƒãƒ¼ãƒ«ã§ã‚«ãƒ¼ãƒ†ãƒ³ã®ã‚ˆã†ã«å¼•ã上ã’るページを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ HTML5ã®videoè¦ç´ ã§è‡ªã‚µãƒ¼ãƒãƒ¼ã®å‹•ç”»ã‚’é…ç½®ã™ã‚‹ã®ã§ã¯ãªãã€YouTubeã®å‹•ç”»ã‚’使ã†ã®ã§ã€ã‚µãƒ¼ãƒãƒ¼ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’æ°—ã«ã™ã‚‹å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“。 デモページ：下ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ« 実装 使用ã™ã‚‹ãƒªã‚½ãƒ¼ã‚¹ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ã‚ãŸã‚Šã€ä¸‹è¨˜ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’使用ã—ã¦ã„ã¾ã™ã€‚ jQuery jquery.mb.YTPlayer YouTubeã®å‹•ç”»ã‚’背景ã¨ã—ã¦è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ラグイン フォント：Google Fonts (Raleway, Lato) アイコン：Font Awesome 背景ã«ä½¿ã†å‹•ç”»ã®æ³¨æ„点 背景ã«ä½¿ã†å‹•ç”»ã¯ã€ä¸‹è¨˜ã®ç‚¹ã«æ³¨æ„ã—ã¦ãã ã•ã„。 å‹•
![[JS]YouTubeã®å‹•ç”»ã‚’ページ全体ã®èƒŒæ™¯ã«é…ç½®ã—ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ä»Šæ™‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使ã£ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b3413c8d26665727debe1c206713a14699cabe5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015020310-01.png)
ã€ä½æ‹…】FFRK 無課金ãŒç‰‡ç¿¼ã®å¤©ä½¿ç‹™ã£ã¦137連ガãƒãƒ£ï¼
{{#tags}}- {{label}}
{{/tags}}