我希望使用本地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笔记本电脑。所以我已经修好一半了。我仍然不知道如何将视频放大到本机大小以外。
我可以在本地放大视频并将其存储到媒体,然后获得更大的显示器,但这似乎是对带宽的浪费。在这一点上,我认为这是我唯一的解决办法。