人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ウェッブサイトに貼ったYoutubeの画面を小さくするには ?
該当ウェッブサイトは、こちらです。
http://tsurumaki-office.com/kashmir-curry/
添付したタグのheightとwidthの数値を変えてみたのですが、どうも、うまくいきません。

1488200955
●拡大する

●質問者: torimaki
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● fiwa
ベストアンサー

YouTube動画のページから、
共有→埋め込みコード→もっと見る
動画のサイズ:カスタムサイズ で幅を400に指定するとコードが更新されます。

<iframe width="400" height="225" src="https://www.youtube.com/embed/4gMzcq1ECg0?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

で、どうでしょうか?


torimakiさんのコメント
ご回答、ありがとうございます。 じっさいにためしてみた。( その結果は、先に貼ったURLのウェッブをご覧くださいませ)。 スマホでみたときも、うまく画面におさまるようにClass名(divclass="video-container)をつけています。どうやら、こちらが原因のようであります。 ということは、スマホ閲覧対応をやめてしまえば良いということになるけれど..なやましいところです。 使用しているWordPress特有の原因かな、とおもったりもしています。そのへんのご感想がありましたら、ぜひ。 もしWordpressによる原因でしたら、そちらのフォーラムに質問してみようとおもったりしています。

fiwaさんのコメント
WordPressでの話だったのですね。 video-containerクラスの設定はこちらの質問のときと同じもので http://q.hatena.ne.jp/1414327063 テーマはBizVektorというのを使っているということだと思うのですが、 iframeで張り込まれたYouTube動画の幅なんかはテーマのほうでスクリプト(biz-vektor-min.js)がレスポンシブになるように変更しているようなので、video-containerクラスの設定は必要ないんじゃないのかなぁ?という気がするのですが、その辺はどうなんでしょう? 以前はvideo-containerクラスの設定を追加してやらないとモバイルで見切れてたけど、現在はなくても大丈夫なんてことはないでしょうか。

torimakiさんのコメント
お手数をおかけしています。 こちらから質問して申しわけありません。ほんじつは、ちょっとやるとこがありまして。あした、また試してみます。また、ご報告しますね。

torimakiさんのコメント
いまiPhoneにて確認しました。fiwaさんのおっしゃるとおりでした。video-containerの設定は必要ありませんでした。ありがとうございまーす!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ