タグ: youtubeサイズ
- このトピックには8件の返信、2人の参加者があり、最後にDigiPress サポートにより7年、 10ヶ月前に更新されました。
-
投稿者投稿
-
2016/10/11 7:14 AM #90426hide参加者
以前から困っており、youtubeのサイズをPCでは変えたい用途が多いと思いますが、
以下Aに明記のように現在は変えられないとの事ですが、
そうなると、横幅100%のため巨大な画面になります。
[embed width="幅" height="高さ"]http://www.example.com/xxx/yyy[/embed]で囲んでも
サイズ反映せず、youtube埋め込みコードで指定してもサイズ反映せず、
以下Bの貴社様の説明でもサイズ反映されず(その説明ページもサイズ反映されてないですが)、
何かプラグインを使うしか方法ないでしょうか?サイトは公開の前のため明記出来ないですが、lemoncream・Fancie NOTE・Voyageur使用しており、全て同じ状況です。
A
2016/10/11 7:17 AM #90427hide参加者Bのアドレスが消えていましたので再度明記いたします。
youtube : YouTubeの埋め込みプレイヤーを表示2016/10/11 7:39 AM #90429hide参加者追記
2カラムなど偶数で貼り付けの場合には、カラムのショードコードで、
横2列ずつ動画を並べて、サイズがその分小さくなってくれますが、
例で3つ動画の貼り付けで、1行目が2カラム(動画を2つ)、2行目が動画1つの場合には、
その2行目動画が巨大になるので不便なんです。
単独で1動画を貼り付ける場合もです。
3カラムで、動画を3つ並べても良いですが、その場合、画面が逆に小さ過ぎてしまうのです。ノートやボックスで囲む?など何かサイズが変えられる手法がありましたらご教授くださいませ。
よろしくお願いいたします。2016/10/11 8:01 AM #90430DigiPress サポートキーマスター仕様上、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>
2016/10/11 8:15 AM #90431hide参加者出来ました。
早速のご対応を有難うございます。2017/02/04 7:17 AM #100918hide参加者お問い合わせ
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″ frameborder=”0″ allowfullscreen></iframe>ご教授よろしくお願いいたします。
2017/02/08 8:54 PM #101308DigiPress サポートキーマスターLemon Cream はVoyageurとは仕様が異なり、そのようなことはできません。
【詳細設定】→【HTMLヘッダー設定】→【<head>~</head>内のユーザー定義】に以下を指定しておいてください。
<script> j$(function() { j$("body").fitVids({ignore:"#dpplayer"}); }); </script>
2017/02/10 8:20 AM #101471hide参加者ご回答を誠に有難うございます。
前回は、上のトピック履歴のように、
lemoncreamはそのような事は出来ないと明記なかったのですが、
そうなのですね。教えていただいた方法で試してみます。
そして、このトピックでも前にお伝えしましたが、以下アドレスの
https://digipress.info/manual/shortcode-list/7/
動画2つめの「全てのオプションを指定した例」
[youtube id=”fpViZkhpPHk” width=”320″ height=”160″ rel=0]
これで指定しても、埋め込みがページ幅全画面になるので、
今回教えていただいたように、
マニュアルに書いておいていただけると幸いです。
◯◯のテーマはこうで、◯◯のテーマはこうである、のように。利用者のモニターの大きさによりますが、
youtube動画がページ幅全画面は、1カラムの場合にはかなり巨大になるため
やり方を知らないと、困る人は多くいるはずだと思うのです。よろしくお願いいたします。
2017/02/14 5:54 PM #102001DigiPress サポートキーマスター#dpplayer指定の拡張も含め、「応用カスタマイズ」ページに追記を検討させていただきます。
ご指摘ありがとうございます。
-
投稿者投稿
- このトピックに返信するにはログインが必要です。