如何使用本机WordPress播放器控制视频媒体显示大小

时间:2014-09-19 作者:zipzit

我希望使用本地wordpress视频播放器,但我想“扩展”页面上的视频大小。这可能吗?我似乎没法做到这一点。

实际MP4视频大小=640 x 360,但我希望它在屏幕上放大/拉伸到1.5倍大小。事实上,视频在页面上的宽度缩小到474像素!

我只是在一个简单的网站上测试这个,使用214主题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的宽度是从哪里来的。。。注意:视频在WP admin media页上显示为640 x 360。原生wordpress媒体工具似乎没有提供任何显示宽度选项。我尝试过通过CSS覆盖设置,但没有任何意义。以前有人来过这里吗?如何控制视频的显示大小?非常感谢,Zip

更新:我正在浏览WordPress core,我看到了一个文件媒体模板。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\\u width变量=474的设置。php,并修复了div class=“wp\\u video”代码行。。但是,它没有修复下一行,因此视频仍然很小。事实上,当页面第一次加载时,您可以看到视频很大,然后在几分之一秒后,它又缩小了大小。下一行<div id="mep_0" class="mejs-container svg wp-video-shortcode mejs-video" style="width: 474px; height: 266px;"> 看起来是从一个缩小的javascript文件(我相信是mediaelement和player.min.js)中生成的,但这太难看了。它太难看了,以至于很难在浏览器中排除故障。所有变量都最小化为单个字符。(在此处插入您自己的四个字母单词形容词。)还有人来过吗?

更新#3:我离开了工作,在家里打开了这个网站。div id=“mep-0”错误上大小不正确的问题完全消失了。现在,我看到了视频的原始大小(640 x 360)。我不确定发生了什么,我推测一些文件被困在工作机器上的本地缓存中。工作=Mac台式机,家庭=Win8笔记本电脑。所以我已经修好一半了。我仍然不知道如何将视频放大到本机大小以外。

我可以在本地放大视频并将其存储到媒体,然后获得更大的显示器,但这似乎是对带宽的浪费。在这一点上,我认为这是我唯一的解决办法。

1 个回复
最合适的回答,由SO网友:vancoder 整理而成

视频播放器使用$content_width 变量,可以在函数中找到。主题内的php。这个$content_width 定义特定主题上最适合媒体的内容,因此这应该是最适合214个主题的内容。你应该在自己的主题中设定自己的价值。

结束

相关推荐

Replace all media (images)

我为我的Wordpress网站创建了一个新主题,我需要替换网站上的所有媒体(图像),因为我使用的是所有新的图像大小(比我当前网站上最大的图像大小还要大)。98%的图像将使用相同的名称。每个帖子只包含一个(特色)图像,并且帖子的内容区域中没有图像,因此这使工作稍微容易一些。我想知道做这件事最好(最干净)的方法是什么。我考虑了以下因素:使用Wordpress plugin手动删除我所有帖子中的特色图像,删除它们,然后手动添加新图像删除我上传文件夹中的所有媒体,并将其替换为新图像,然后通过以下方式重新生成图像大