エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
YouTube動画をサムネイルクリックで切り替える
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
YouTube動画をサムネイルクリックで切り替える
以前投稿した、同一ページ内でyoutubeを複数設置したときに、同時再生をさせないようにするの別パターン... 以前投稿した、同一ページ内でyoutubeを複数設置したときに、同時再生をさせないようにするの別パターンです。 動画をサムネイルクリックで切り替えるようにします。 サンプルコード YouTubeプレーヤーを操作する必要があるので、YouTube Player APIを使用しています。 YouTube動画をサムネイルクリックで切り替えるデモページ HTML <div id="player"></div> <ul id="thumbnail"></ul> CSS #player { float: left; } #thumbnail { float: right; width: 160px; } #thumbnail li { margin-bottom: 7px; } #thumbnail li img { width: 100%; height: auto; } JavaScript //