[B! jQuery] axnswordã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

axnsword id:axnsword

jQueryã«é–¢ã™ã‚‹axnswordã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

https://www.metaslider.com/wp-content/uploads/2014/07/video-slide-demo.jpg
axnsword 2020/09/03
ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ ã‚µã‚¤ãƒ³ãƒœãƒ¼ãƒ‰ å‹•ç”» é™æ¢ç”» è‡ªå‹•å†ç”Ÿ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«å‹•ç”»ã‚’å«ã‚ã‚‹ Pause the slider's autoplay when a YouTube video is playing

html

CSS

jQuery
ãƒªãƒ³ã‚¯
Loading...
axnsword 2020/09/03
ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ ã‚µã‚¤ãƒ³ãƒœãƒ¼ãƒ‰ å‹•ç”» é™æ¢ç”» è‡ªå‹•å†ç”Ÿ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«å‹•ç”»ã‚’å«ã‚ã‚‹ Pause the slider's autoplay when a YouTube video is playing

html

CSS

jQuery
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›OKï¼ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«YouTubeãªã©è‡ªå‹•å†ç”Ÿå‹•ç”»ã‚’ä½¿ã†æ–¹æ³•ï¼ˆslick.jsï¼‰ | æ ªå¼ä¼šç¤¾ã‚¦ã‚§ãƒ–ä¼ç”»ãƒ‘ãƒ¼ãƒˆãƒŠãƒ¼ã‚º
ã‚µã‚¤ãƒˆã®ãƒ¡ã‚¤ãƒ³ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã§å‹•ç”»ãŒã‚’å†ç”Ÿã™ã‚‹ã®ã¯æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã•ã‚‰ã«ã‚¢ãƒ¬ãƒ³ã‚¸ã—ã¦è‡ªå‹•å†ç”Ÿå‹•ç”»ã‚’ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ä½œæˆã«æŒ‘æˆ¦ã—ã¦ã¿ã¾ã—ãŸã€‚ãã®éš›ã®çŸ¥è¦‹ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ <ul class="slider"> <li><a href="#"><video src="https://wk-partners.co.jp/homepage/wp-content/old-uploads/entryimg/Pexels-Videos-123540.mp4" autoplay loop muted></a></li> <li><a href="#"><video src="https://wk-partners.co.jp/homepage/wp-content/old-uploads/entryimg/Pexels-Videos-2629-1.mp4" autoplay loo
axnsword 2020/09/03
ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ ã‚µã‚¤ãƒ³ãƒœãƒ¼ãƒ‰ å‹•ç”» é™æ¢ç”» è‡ªå‹•å†ç”Ÿ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«å‹•ç”»ã‚’å«ã‚ã‚‹

html

CSS

jQuery
ãƒªãƒ³ã‚¯
slick.jsã«YouTube, Vimeo, videoè¦ç´ ã®å‹•ç”»ã‚’å«ã‚ã¦è‡ªå‹•å†ç”Ÿã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ç”Ÿæˆã™ã‚‹æ–¹æ³•
ç¾åœ¨ã€ã‚‚ã£ã¨ã‚‚ãƒãƒ”ãƒ¥ãƒ©ãƒ¼ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ãŒé«˜ãå®Ÿè£…ãŒç°¡å˜ãªã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼jQueryãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã‚ã‚‹ã€Œslick.jsã€ã€‚ å¼Šç¤¾ã«ã¦æä¾›ä¸ã®WordPressãƒ†ãƒ¼ãƒžã€ŒDigiPressã€ã‚·ãƒªãƒ¼ã‚ºã®æ¬¡æœŸãƒ†ãƒ¼ãƒžã«ã¯ã€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«å‹•ç”»ã‚’å«ã‚ã‚‹ã“ã¨ãŒè¦ä»¶ã¨ã—ã¦ã‚ã‚‹ãŸã‚ã€ä»Šå›žã¯ãã‚“ãªäººæ°—ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã€Œslick.jsã€ã‚’åˆ©ç”¨ã—ã¦ã€ç”»åƒã ã‘ã§ãªãYouTubeã€Vimeoã€ã•ã‚‰ã«HTML5ã®videoè¦ç´ ã®å‹•ç”»ã‚‚ã‚¹ãƒ©ã‚¤ãƒ‰ã¨ã—ã¦å«ã‚ã‚‹æ–¹æ³•ã‚’ã€æ¬¡æœŸãƒªãƒªãƒ¼ã‚¹äºˆå®šã®ãƒ†ãƒ¼ãƒžå‘ã‘ã«è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ ä»Šå›žã®ãƒ‡ãƒ¢ã§å‹•ç”»ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’å«ã‚ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹è¦ä»¶ã¯ä»¥ä¸‹ã§ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã«å‹•ç”»ã‚’å«ã‚ã‚‹è¦ä»¶ å‹•ç”»ã¯ã€YouTubeã€Vimeoã€videoè¦ç´ ã®ãƒ ãƒ¼ãƒ“ãƒ¼ã‚’å«ã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ å‹•ç”»ã‚¹ãƒ©ã‚¤ãƒ‰ãŒè¡¨ç¤ºã•ã‚ŒãŸéš›ã¯ã€è‡ªå‹•å†ç”Ÿã•ã›ã‚‹ å‹•ç”»ã‚¹ãƒ©ã‚¤ãƒ‰ãŒéžã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã«ãªã£ãŸéš›ã¯ã€ä¸€
axnsword 2020/09/03
ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ ã‚µã‚¤ãƒ³ãƒœãƒ¼ãƒ‰ å‹•ç”» é™æ¢ç”» è‡ªå‹•å†ç”Ÿ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«å‹•ç”»ã‚’å«ã‚ã‚‹

html

CSS

jQuery
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
axnsword 2016/12/07
css

JavaScript

html

jQuery
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…å‘ã‘ã®jQueryå…¥é–€è¬›åº§
ä½¿ã„æ–¹ ã¾ãšæœ€åˆã«ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã€‚ã©ã®ã‚ˆã†ãªè€ƒãˆã‚’ã‚‚ã¨ã«ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’çµ„ã¿ç«‹ã¦ã¦ã„ãã‹ã€è¨è¨ˆåŠ›ã‚’å¦ã³ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« ä½¿ã„æ–¹ã§å¦ã‚“ã ã“ã¨ã‚’ç”Ÿã‹ã—ã¦ã€ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã®ä½œæˆã‚’å¦ã‚“ã§ã„ãã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ jQueryã§åˆ©ç”¨ã§ãã‚‹ä¾¿åˆ©ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ jQueryã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚è¾žæ›¸ä»£ã‚ã‚Šã«ã”åˆ©ç”¨ãã ã•ã„ã€‚ ä½¿ç”¨ä¾‹ ä¼æ¥ã‚µã‚¤ãƒˆã§ã®jQueryã®ä½¿ç”¨ä¾‹ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ å§‹ã‚ã« jQueryã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚‚åˆ©ç”¨ã—ã‚„ã™ã„javaScriptãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ã“ã®ã‚µã‚¤ãƒˆã¯htmlã‚„cssã‚’å……åˆ†ã«ç†è§£ã—ã¦ãŠã‚Šã€ã•ã‚‰ã«åŸºç¤Žçš„ãªjavaScriptã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã¦ã„ã‚‹æ–¹ã‚’å¯¾è±¡ã«è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚ ç¾åœ¨ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ã‚²ãƒ¼ãƒ åˆ¶ä½œã«æ³¨åŠ›ã—ã¦ã„ã‚‹ãŸã‚ã€æœ¬ã‚µã‚¤ãƒˆã®æ›´æ–°ã¯ä¼‘æ¢çŠ¶æ…‹ï¼ˆ2014å¹´3æœˆãŒæœ€çµ‚æ›´æ–°ï¼‰ã§ã™ã€‚ã‚²ãƒ¼ãƒ åˆ¶ä½œã«é–¢ã™ã‚‹ãƒ–ãƒã‚°ï¼šã‚¹ãƒžã‚²ãƒ¼ä½œã‚‹ã‚ˆï¼ã¯ã»ã¼æ¯Žæ—¥æ›´æ–°ã—
axnsword 2016/11/06
html

JavaScript

jQuery
ãƒªãƒ³ã‚¯
1