Brightcove（ブライトコーブ）ã®åŸ‹ã‚è¾¼ã¿å‹•ç”»ã‚’Javascriptã§åˆ¶å¾¡ï¼ˆå†ç”Ÿãƒ»åœæ¢ï¼‰ - Qiitaブライトコーブã®åŸ‹ã‚è¾¼ã¿ç”¨ã‚¿ã‚°ã«ã¯å¤§ãã分ã‘ã¦2ã¤ã®åŸ‹ã‚è¾¼ã¿æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ 一ã¤ã¯iframeã§ã®åŸ‹ã‚è¾¼ã¿ã€‚ã‚‚ã†ä¸€ã¤ã¯videoã‚¿ã‚°ã§ã®åŸ‹ã‚è¾¼ã¿ã§ã™ã€‚ 今回ã¯videoã‚¿ã‚°ã§ã®åŸ‹ã‚è¾¼ã¿ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ åˆæœŸã®åŸ‹ã‚è¾¼ã¿ã‚³ãƒ¼ãƒ‰ ã¾ãšå§‹ã‚ã«ã€ãƒ–ライトコーブã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’自分ãŸã¡ã§ç®¡ç†ã—ã¦ã„ãªã„å ´åˆã¯ã€ iframeã§ã¯ãªã以下ã®ã‚ˆã†ãªvideoã‚¿ã‚°ã®ã‚³ãƒ¼ãƒ‰ã‚’æä¾›ã—ã¦ã‚‚らã†ã‚ˆã†ã«ã—ã¦ãã ã•ã„。 コードを生æˆã™ã‚‹éš›ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ãƒã‚§ãƒƒã‚¯ãŒå…¥ã£ã¦ã„ã‚‹ã¨ã€videoã‚¿ã‚°ã‚’wrapã™ã‚‹divãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚ 背景ã®å…¨ç”»é¢è¡¨ç¤ºã«ã™ã‚‹å ´åˆãªã©ã¯ä¸è¦ãªãŸã‚ã€videoã‚’wrapã—ã¦ã„ã‚‹divã¯é©å®œå‰Šé™¤ã—ã¾ã—ょã†ã€‚ videoã‚¿ã‚°ã®style属性もCSSã§è¨˜è¿°ã™ã‚‹ã»ã†ãŒç®¡ç†ã—ã‚„ã™ããªã‚‹ã®ã§å‰Šé™¤ã—ã¾ã™ã€‚ <div style="position: relative; display: block; m
{{#tags}}- {{label}}
{{/tags}}