Youtube動画、埋め込みます！

今までやったことがないので、チャレンジ！

Youtube動画、埋め込みます！

今回埋め込むYoutube動画は、

【6月更新!ウエストランドの地元津山市毒舌PRプロジェクト　ふしぎなものいろいろ。こんなに展示していいの!?「つやま自然のふしぎ館」】

Web【備忘録】

➀『カスタムHTML』で、普通に貼り付けました。

➡PC画面では問題ないですが、スマホ画面ではサイズが気になります。

②レスポンシブ対応模索中・・・。

※style.cssを開くのは何か月ぶりだろうか？1月以来かなあ？
　確かに、人は忘れる動物だなあ・・・。

で、とにかく思い出しながら・・・、

(1) CSS（スタイルシート）へ以下の記述を追加する。

.responsive {
width: 100%;
aspect-ratio: 16/9;
}

(2)デフォルト設定の『width=”560″ height=”315″』を『width=”100%” height=”100%”』に変更する。

(3)<div class=”responsive”>と</div>で埋め込みするHTMLコードを囲む。
※responsiveというclass名は、好きなものに変更できる。

スマホで確認➡レスポンシブ対応できました。

【20231005_追記】

『カスタムHTML』じゃなくて、Youtube用の埋め込みブロックがありました。
次回、これがレスポンシブ対応かどうか試してみます。

ところで、

つやま自然のふしぎ館で入館者数が『０』の時って、本当にあるのかスタッフの方に聞いてみました。

お返事➡あります！※年にほんの数日です・・・。

反対に多い時は何人ですか？

お返事➡桜祭りの時の土日やゴールデンウイーク、夏のナイトミュージアムの時は、1日に400人を超えることがありますよ～だ！※このとき以外は、大体一桁から二桁、たまに三桁。

全体的に➡まあ・・・、もっとPRして入館者数を伸ばしたい。いや、伸ばさなければならぬのです！と、おっしゃっておられましたあ。

とにかくウエストランドさん、ありがとうございました。

【20240123_追記】

Youtube用の埋め込みブロックで試してみます。
レスポンシブ対応かな？

【結果】

レスポンシブ対応していました。

な～んだ、これでOK！じゃん。