- このトピックには9件の返信、2人の参加者があり、最後に
により4年、 6ヶ月前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】 最新版
【お使いのブラウザ】 Chome
【当該サイトのURL】 https://kimsweddingmovie.com/
===確認です。
スマホでテーマをみたとき、横位置表示になりません。それは問題ないのですが、埋め込みYouTube映像は、縦位置だと小さいので、横位置で表示可能なようにしたいです。現在できませんが、これは仕様ですかね。
よろしくお願いいたします。
いいねをした人: 居ませんこの動画はどのような手順で設置されましたか？ なんらかの動画ブロックを使って、URL を単に貼り付けて、など。
まずブロックで、Youtubeを選択し、コードを入力します。
そのままだと大きいので、HTML変換し、サイズを入力します。
また、小さくなると左によるので、センタリングするためdivタグで括ってセンタリングしてます。HTML変換でサイズ指定していること自体が横にならない原因でしょうか
いいねをした人: 居ませんHTML変換でサイズ指定していること自体が横にならない原因でしょうか
おそらくそうだと思います。YouTube は oEmbed に対応しているので、動画ページの URL を貼り付けるだけで動画を埋め込むことができますが、その場合は自動的にレスポンシブになるようにしています。
自分で HTML で埋め込みコードを書くなら、
<div class="c-responsive-container-16-9"> ここに埋め込みコード </div>とすればレスポンシブになりますが、この場合もサイズ調整は難しいかもしれませんね…。
いいねをした人: 居ませんdivに付与していたクラスを全部とって、サイズ指定もとったうえで、上記のクラスを与えたのですが、
横位置で再生されませんね。
そもそもサイト自体も横位置表示されないので、無理なのかな？
一応、動画サイトなので、大きく見せたいのですが…
いいねをした人: 居ませんちなみに埋め込みコード以下の通りです。
<div class="c-responsive-container-16-9"><iframe src="https://www.youtube.com/embed/_Km1B2c-3WM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>いいねをした人: 居ませんdivに付与していたクラスを全部とって、サイズ指定もとったうえで、上記のクラスを与えたのですが、
変わっていないようですが、別のページでしょうか？
そもそもサイト自体も横位置表示されないので、無理なのかな？
サイトの横位置表示というのはどういう意味でしょうか？
いいねをした人: 居ません変わっていないようですが、別のページでしょうか？
Youtubeが2つ並んでいて、下のほうが作業をしたやつです
サイトの横位置表示というのはどういう意味でしょうか？
スマホを横にして、普通に見れる状態のことです。
いいねをした人: 居ません
- トピック「YouTubeを横位置で表示可能にしたい」には新しい返信をつけることはできません。