Как мне управлять размером отображения видеоматериалов с помощью встроенного проигрывателя WordPress

Question

Я надеялся использовать встроенный видеоплеер WordPress, но я бы хотел "увеличить" размер видео на странице.Возможно ли это?Кажется, у меня ничего не получается.

Фактический размер видео в формате MP4 = 640 x 360, но я бы хотел, чтобы оно увеличивалось / растягивалось на экране в 1,5 раза.На самом деле ширина видео на странице уменьшается до 474 пикселей!

Я просто тестирую это на простом веб-сайте, используя тему Twenty Fiven, WordPress 4.0.В режиме отображения я вижу

<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...Примечание:видео действительно отображается в формате 640 x 360 на медиа-странице WP admin.Собственные медиа-инструменты WordPress, похоже, не предлагают никаких опций для ширины экрана.Я пробовал перезаписать настройки с помощью CSS, но ничего не имеет смысла.Кто-нибудь бывал здесь раньше?Как мне контролировать размер отображения моего видео?Большое спасибо, Зип

Обновить:Я пробираюсь через ядро 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, создал дочернюю тему, переписал параметр переменной $content_width = 474 в functions.php, и это исправило строку кода div class = "wp_video"..однако это не исправило следующую строку, так что видео по-прежнему маленькое.Фактически, когда страница загружается в первый раз, вы можете увидеть видео довольно большого размера, затем через долю секунды оно снова уменьшает размер.Следующая строка <div id="mep_0" class="mejs-container svg wp-video-shortcode mejs-video" style="width: 474px; height: 266px;"> кажется, что он сгенерирован из уменьшенного файла javascript (я полагаю mediaelement-and-player.min.js), но это некрасиво.Это настолько уродливо, что его чертовски трудно устранить в браузере.Все переменные сведены к одному символу.(вставьте сюда свои собственные прилагательные из четырех букв.) Кто-нибудь еще бывал здесь?

Обновление №3:Я ушел с работы и открыл этот сайт дома.Проблема с неправильным размером ошибки div id="mep-0" полностью устранена.Теперь я вижу видео в его родном размере (640 x 360).Не уверен, что произошло, я предполагаю, что какой-то файл застрял в локальном кэше на рабочем компьютере.Работа = рабочий стол Mac, Дом = ноутбук Win8.Так что я на полпути к успеху.Я все еще не знаю, как увеличить видео сверх обычного размера.

Я могу увеличить видео локально и сохранить его на носитель, а затем получить дисплей большего размера, но это кажется пустой тратой полосы пропускания.На данный момент я думаю, что это мое единственное решение.

Answer 1

Видеоплеер использует $content_width переменная, которую вы найдете в разделе functions.php внутри темы.Тот Самый $content_width определяет, как лучше всего подходят МЕДИА на определенную тему, так что это должно лучше всего подходить для twentyfourteen.Вы бы установили свое собственное значение в своей собственной теме.