DigiPress

Highly Flexible WordPress Theme

Youtubeサイズ

9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • 投稿者
    投稿
  • #90426
    hide
    参加者

    以前から困っており、youtubeのサイズをPCでは変えたい用途が多いと思いますが、
    以下Aに明記のように現在は変えられないとの事ですが、
    そうなると、横幅100%のため巨大な画面になります。
    [embed width="幅" height="高さ"]http://www.example.com/xxx/yyy[/embed]で囲んでも
    サイズ反映せず、youtube埋め込みコードで指定してもサイズ反映せず、
    以下Bの貴社様の説明でもサイズ反映されず(その説明ページもサイズ反映されてないですが)、
    何かプラグインを使うしか方法ないでしょうか?

    サイトは公開の前のため明記出来ないですが、lemoncream・Fancie NOTE・Voyageur使用しており、全て同じ状況です。

    A

    YouTube表示崩れ

    B
    https://digipress.info/manual/shortcode-list/7/

    #90427
    hide
    参加者

    Bのアドレスが消えていましたので再度明記いたします。
    youtube : YouTubeの埋め込みプレイヤーを表示

    https://digipress.info/manual/shortcode-list/7/

    #90429
    hide
    参加者

    追記
    2カラムなど偶数で貼り付けの場合には、カラムのショードコードで、
    横2列ずつ動画を並べて、サイズがその分小さくなってくれますが、
    例で3つ動画の貼り付けで、1行目が2カラム(動画を2つ)、2行目が動画1つの場合には、
    その2行目動画が巨大になるので不便なんです。
    単独で1動画を貼り付ける場合もです。
    3カラムで、動画を3つ並べても良いですが、その場合、画面が逆に小さ過ぎてしまうのです。

    ノートやボックスで囲む?など何かサイズが変えられる手法がありましたらご教授くださいませ。
    よろしくお願いいたします。

    #90430
    DigiPress サポート
    キーマスター

    仕様上、WordPressのURLを指定するだけで自動で埋め込み(Embed)表示する機能や、DigiPressのショートコードで表示した際は、レスポンシブ対応のため、常時表示幅を100%として高さも自動でリサイズされる仕様です。

    この動作仕様から任意の埋め込み動画を除外する場合は、自動埋め込み機能とショートコードは利用せず、YouTubeの動画ページから埋め込みコード(iframe)を直接取得し、iframeタグにid="#dpplayer"を付けて投稿してください。

    ●オリジナルの埋め込みコード:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/fpViZkhpPHk" frameborder="0" allowfullscreen></iframe>

    ●id=”dpplyayer”をつけた埋め込みコード:

    <iframe id="dpplayer" width="560" height="315" src="https://www.youtube.com/embed/fpViZkhpPHk" frameborder="0" allowfullscreen></iframe>
    #90431
    hide
    参加者

    出来ました。
    早速のご対応を有難うございます。

    #100918
    hide
    参加者

    お問い合わせ
    youtubeのサイズについて、以前ここで回答いただき、サイズ変更が出来ていましたが、
    <iframe id=”dpplayer”を追記しても、反映されなくなりました。
    lemon cream最新版1.1.1.6で、そうなっており、
    Voyageurは、以前のままサイズ変更がされています。
    サイト公開前のため、サイトアドレスお送り出来ませんが、以下で出来ていました。
    <iframe id=”dpplayer” width=”560″ height=”315″ src=”https://www.youtube.com/embed/「youtube動画ID」?rel=0&showinfo=0&#8243; frameborder=”0″ allowfullscreen></iframe>

    ご教授よろしくお願いいたします。

    #101308
    DigiPress サポート
    キーマスター

    Lemon Cream はVoyageurとは仕様が異なり、そのようなことはできません。

    【詳細設定】→【HTMLヘッダー設定】→【<head>~</head>内のユーザー定義】に以下を指定しておいてください。

    <script>
    j$(function() {
    j$("body").fitVids({ignore:"#dpplayer"});
    });
    </script>
    #101471
    hide
    参加者

    ご回答を誠に有難うございます。

    前回は、上のトピック履歴のように、
    lemoncreamはそのような事は出来ないと明記なかったのですが、
    そうなのですね。

    教えていただいた方法で試してみます。

    そして、このトピックでも前にお伝えしましたが、以下アドレスの
    https://digipress.info/manual/shortcode-list/7/
    動画2つめの「全てのオプションを指定した例」
    [youtube id=”fpViZkhpPHk” width=”320″ height=”160″ rel=0]
    これで指定しても、埋め込みがページ幅全画面になるので、
    今回教えていただいたように、
    マニュアルに書いておいていただけると幸いです。
    ◯◯のテーマはこうで、◯◯のテーマはこうである、のように。

    利用者のモニターの大きさによりますが、
    youtube動画がページ幅全画面は、1カラムの場合にはかなり巨大になるため
    やり方を知らないと、困る人は多くいるはずだと思うのです。

    よろしくお願いいたします。

    #102001
    DigiPress サポート
    キーマスター

    #dpplayer指定の拡張も含め、「応用カスタマイズ」ページに追記を検討させていただきます。

    ご指摘ありがとうございます。

9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • このトピックに返信するにはログインが必要です。