テレビの周辺機器を扱うお客さんからの相談を受けて、
Youtubeのショート動画を埋め込むプログラムを作成した。
EC-CUBEで運営していて、設置箇所は商品詳細ページだ。
その商品に関連するショート動画を表示することで、実際の利用をイメージしやすくしたり、話題になるような使い方を紹介してSNSなどへの拡散を狙うこともできる。
EC-CUBEの管理画面内、商品登録画面にYoutubeのショート動画を埋め込むためのIDを登録できるようにしておき、そのIDを使って表示する仕組みだ。
登録する値はiframeタグに埋め込まれることになるため、スクリプトタグなどセキュリティ上問題になるデータが入力されないようなチェックも入れる必要がある。
IDが登録できれば、後は商品詳細ページに表示するだけだが、slickjsなどのスライダープラグインやポップアップ機能と組み合わせて、複数のショート動画を並べて表示しつつ、クリックするとポップアップで大きく表示・再生できるようにもした。
