web-dev-qa-db-ja.com

ネイティブwordpressプレーヤーでビデオメディアの表示サイズを制御するにはどうすればよいですか。

ネイティブのwordpress動画プレーヤーを使用したいと思っていましたが、ページの動画サイズを「拡大」したいと考えています。それは可能ですか？これはうまくいかないようです。

実際のMP4ビデオサイズ= 640 x 360ですが、画面上で1.5倍のサイズに拡大/拡大してください。実際、ビデオはページ上で474ピクセル幅に縮小されます。

Twenty FourteenテーマWordPress 4.0を使用して、単純なWebサイトでこれをテストしています。表示モードでは、

<div class="wp-video" style="width: 474px; height: 267px; ">
  <div id="mep_0" class="mejs-container svg wp-video-shortcode mejs-video" style="width: 474px; height: 266px;">
    <div class="mejs-inner">
      <div class="mejs-mediaelement">
        <div id="me_flash_0_container" class="me-plugin">
          <video id="video-785-1" class="wp-video-shortcode" width="474" height="266" preload="metadata" tabindex="0" style="display: none; width: 100%; height: 100%;">
          <source src="http://mywebsite.com/wp-content/uploads/2014/09/Video.mp4?_=1" type="video/mp4"></source>
          <a href="http://mywebsite.com/wp-content/uploads/2014/09/Video.mp4">http://mywebsite.com/wp-content/uploads/2014/09/Video.mp4</a>
          </video>
        </div>
      <div class="mejs-layers">...

474の幅がどこから来ているのかわかりません...注：ビデオはWP管理メディアページに640 x 360として表示されます。ネイティブのwordpressメディアツールは、表示幅のオプションを提供していないようです。 CSSで設定を上書きしてみましたが、意味がありません。誰かここに来たの？ビデオの表示サイズを制御するにはどうすればよいですか？どうもありがとう、Zip

更新：WordPressコアをたどっていて、コードを含むmedia-template.phpファイルが表示されます。

settings = wp.media.view.settings;

if ( settings.contentWidth && data.model.width >= settings.contentWidth ) {
    w = settings.contentWidth;
} else {
    w = data.model.width;
}

その後、出力の<div class="wp-video" ..行のどこに貼り付けられるかがわかります。私はまだ何が起こっているのか、そしてその理由を正確に理解していません。

アップデート＃2：以下のVanCoder情報を取得し、子テーマを作成し、functions.phpの$ content_width変数= 474設定を上書きしました。これにより、divクラス= "wp_video"コード行が修正されました。ただし、そうではありませんでした。次の行を修正すると、ビデオはまだ小さくなります。実際、ページが最初に読み込まれると、ビデオが少し大きく表示され、1秒の少し後に再びサイズが縮小されます。次の行<div id="mep_0" class="mejs-container svg wp-video-shortcode mejs-video" style="width: 474px; height: 266px;">は、縮小されたjavascriptファイル（mediaelement-and-player.min.jsだと思います）から生成されたように見えますが、それは非常に醜いです。ブラウザでトラブルシューティングするのが難しいほど醜いです。すべての変数が1文字に最小化されます。 （ここに独自の4文字のWord形容詞を挿入します。）他に誰か来ましたか？

アップデート＃3：仕事を辞めて、このサイトを自宅で開きました。 div id = "mep-0"エラーの誤ったサイズ設定の問題は完全になくなりました。ビデオをネイティブサイズ（640 x 360）で表示します。何が起こったのかわかりませんが、作業中のマシンのローカルキャッシュにファイルが残っていると思います。 Work = Macデスクトップ、Home = Win8ラップトップ。だから私は半分固定されています。私はまだビデオをネイティブサイズを超えて拡大する方法を知りません。

ビデオをローカルに拡大してメディアに保存してから、より大きなディスプレイを表示することはできますが、これは帯域幅の浪費のようです。この時点で私はそれが私の唯一の修正だと思っています。

mediamedia-libraryvideosvideo-playermedia-settings
1
zipzit

ビデオプレーヤーは$content_width変数。テーマ内のfunctions.phpにあります。 $content_widthは、特定のテーマのメディアに最適であると定義しているため、これは24に最適です。あなた自身のテーマであなた自身の価値を設定するでしょう。

1
vancoder