サポート » 使い方全般 » Youtubeのサイズについて

  • 解決済 toshi

    (@leafletweb)


    先日までwordpress.comを使っていました。
    この度、独自ドメイン内にアップロードし運営開始しましたが
    Youtubeのサイズを560×315にして表示していたものが
    記事(テキスト)が折り返す長さまで最大化して表示されてしまいます。
    この症状はレスポンシブWebデザインのテーマ全てで起こります。
    レスポンシブ以外のテーマではこの症状は起こりません。
    wordpress.comではどのテーマでもこの症状は出ません。

    解決策はないものでしょうか?
    ちなみにレンタルサーバーはさくらインターネットのライトプランです。
    どうぞ宜しくお願い致します。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • こんにちは

    テーマの functions.phpの中に

    if ( ! isset( $content_width ) )
    	$content_width = 625;

    という設定( 値はテーマによって異なります )があると思いますが、この値を560にしてみてください

    トピック投稿者 toshi

    (@leafletweb)

    ありがとうございます。
    ご指摘の functions.phpの中は
    以下のようになっておりました。

    if ( ! isset( $content_width ) )
    	$content_width = $article_width;

    これを

    if ( ! isset( $content_width ) )
    	$content_width = 560;

    としたのですが変わらずでした。

    ご利用になっているテーマの問題だと思います。

    youtube を表示する記述は、

    投稿本文に

    http://www.youtube.com/watch?v=.......

    といった記述をしていれば、WordPress oembedという機能で

    仮に、

    $content_width = '300';

    にしている場合

    <iframe width="300" height="169" src="http://www.youtube.com/embed/......?feature=oembed" frameborder="0" allowfullscreen=""></iframe>

    のようなhtmlを作成します。(htmlソースで、指定幅になっているか確認してみてください)

    しかし、テーマのstyle.cssの設定に、

    iframe{
       width:100%;
    }

    等と設定してあると、幅の指定が上書きされて、コンテンツ幅いっぱいに表示されるようになります。

    テーマがわからないので、断言できませんが たぶんこのようなテーマのミス設定によって発生しているのだと思います。

    この症状はレスポンシブWebデザインのテーマ全てで起こります。

    TwentytwelveRaindropsEnoughの3つのテーマで動作確認しましたが、$content_widthの幅指定通りに表示できることが確認できました。

    トピック投稿者 toshi

    (@leafletweb)

    いろいろありがとうございます。
    すみませんレスポンシブ全てではありませんでした。
    使用したいテーマは
    Carton か WordPlus
    なのですがどちらもやはり最大化したままでした。
    (ソースは指定サイズになっています)
    wordpress.comで同じテーマを使用すると
    そのままで問題なく指定サイズで表示されるのですが・・・

    さくらインターネットのライトプランなので
    データベースはSQLiteを使用しています
    これが原因という事ではないですよね?

    Carton だと

    実際に検証してはいませんけど、スタイル設定を見ると

    627	.responsive-video-wrapper iframe,
    628	.responsive-video-wrapper object,
    629	.responsive-video-wrapper embed {
    630	  position: absolute;
    631	  top: 0;
    632	  left: 0;
    633	  width: 100%;
    634	  height: 100%;
    635	}

    あたりが怪しいですね

    633	  max-width: 100%;
    634	  max-height: 100%;

    みたいな感じで、調整できるかも

    .comは、おまかせ .orgは自前 と考えて、対応してみてください

    トピック投稿者 toshi

    (@leafletweb)

    何度もありがとうございます。

    max-width: 100%;
      max-height: 100%;

    とするとYoutubeを表示しなくなります。

    また

    max-width: 100%;
      max-height: auto;

    では記事一覧でYoutubeだけが大きくなります・・・

    なかなか難しいですね
    とりあえず他のテーマにして落ち着きました。
    ありがとうございました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「Youtubeのサイズについて」には新たに返信することはできません。