このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン |
| html_css:embed_youtube_media_responsive [2023/03/09 09:12] – ともやん | html_css:embed_youtube_media_responsive [2025/03/12 04:48] (現在) – [参考文献] ともやん |
|---|
| **※モバイルやスマホで余計な通信容量(ギガ)を消費しないように見るためにも [[web:brave|Brave]] の利用をお勧めします。**\\ | **※モバイルやスマホで余計な通信容量(ギガ)を消費しないように見るためにも [[web:brave|Brave]] の利用をお勧めします。**\\ |
| \\ | \\ |
| | **我が家のブラ男氏🐶トイプードル🐩当時15歳サンプル😅** |
| | <WRAP youtube><html> |
| | <iframe width="560" height="315" src="https://www.youtube.com/embed/WCc6cgn7kEQ" title="YouTube video player" frameborder="0" |
| | allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> |
| | </html></WRAP>\\ |
| | |
| **激しいサンプル😅** | **激しいサンプル😅** |
| <WRAP youtube><html> | <WRAP youtube><html> |
| |
| **量子コンピュータを説明する - 人類の技術の限界について**\\ | **量子コンピュータを説明する - 人類の技術の限界について**\\ |
| <html> | <WRAP youtube><html> |
| <div class="youtube"> | <iframe width="560" height="315" src="https://www.youtube.com/embed/JhHMJCUmq28" frameborder="0" |
| <iframe width="560" height="315" src="https://www.youtube.com/embed/JhHMJCUmq28" frameborder="0" | allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |
| allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | </html></WRAP>\\ |
| </div> | |
| </html> | |
| |
| ===== トラブルシューティング ===== | ===== トラブルシューティング ===== |
| [[https://log-file.net/web/css-2094|Youtubeの埋め込み動画をCSSでレスポンシブ対応し縦横の比率を保ったまま伸縮させる方法 | WEB帳]]\\ | [[https://log-file.net/web/css-2094|Youtubeの埋め込み動画をCSSでレスポンシブ対応し縦横の比率を保ったまま伸縮させる方法 | WEB帳]]\\ |
| [[https://allabout.co.jp/gm/gc/396404/|メディアクエリで画面サイズ別にCSSを切り替える方法 [ホームページ作成] All About]]\\ | [[https://allabout.co.jp/gm/gc/396404/|メディアクエリで画面サイズ別にCSSを切り替える方法 [ホームページ作成] All About]]\\ |
| | [[https://developers.google.com/youtube/iframe_api_reference|YouTube Player API Reference for iframe Embeds | YouTube IFrame Player API | Google for Developers]] [[gtr>https://developers.google.com/youtube/iframe_api_reference|翻訳]]\\ |
| | [[so>questions/22993885/onyoutubeiframeapiready-not-firing|youtube api - onYouTubeIframeAPIReady() not firing - Stack Overflow]] [[gtr>https://stackoverflow.com/questions/22993885/onyoutubeiframeapiready-not-firing|翻訳]]\\ |
| | |
