我在wordpress工作(虽然在这种情况下我不认为这很重要),我需要在菜单后面加一个标题,全宽,只有180px的高度。但它无法正常工作!如果我试图放置我的高度(不同于100%或自动),视频会变小到足以保持缩放的大小,但这不是我需要的。
问题是,最终的视频将是通过邮箱口录制的视频(不确定它是如何调用的),所以它是安静的宽度但不是很高。
我发现自己很难解释,所以如果有人不明白我的意思,但他们知道我能做什么,请告诉我!
<video id="video" width="100%" height="180px" controls autoplay>'
. '<source src="'.get_stylesheet_directory_uri().'/video/money.mp4" type="video/mp4">'
. '<source src="'.get_stylesheet_directory_uri().'/video/money.ogg" type="video/ogg">'
. '<source src="'.get_stylesheet_directory_uri().'/video/money.webm" type="video/webm"></video>
我尝试使用插件,但我遇到同样的问题......
我会很感激任何建议!谢谢
答案 0 :(得分:0)
嗯,这不是很困难......也许现在想想还为时尚早。所以我只是添加了一个包裹并给它100%宽度和180px高度然后溢出:隐藏它解决了我的问题...
PHP:
if(is_page('solutions')){
echo '<div class="wrapperVideo"><video id="video" width="100%" height="auto" autoplay loop>'
.'<source src="'.get_stylesheet_directory_uri().'/video/money.mp4" type="video/mp4">'
. '<source src="'.get_stylesheet_directory_uri().'/video/money.ogg" type="video/ogg">'
. '<source src="'.get_stylesheet_directory_uri().'/video/money.webm" type="video/webm">'
. '</video>'
. '<div class="sentenceOfTheDayVideo"><span>"Enjoy a cup of tea"</span> - SOMEONE</div>'
. '</div>';
}
的CSS:
.wrapperVideo{
width:100%;
height:180px;
overflow:hidden;
}
答案 1 :(得分:0)
请使用此插件
https://wordpress.org/plugins/hana-flv-player/
Requird https://get.adobe.com/flashplayer/
用法示例
您可以在wordpress文章中放置特定的标记元素[hana-flv-player]来显示视频。 “视频”属性是必需的。还有其他可选属性。可以在此页面中定义选项的默认值。有关示例,请参见页面底部。
[hana-flv-player
video="http://yourwebsite.com/wp-content/plugins/hana-flv-player/babyhana.flv"
width="1000"
height="180"
description="Sarah is having fun in a merry-go-round"
clickurl="http://yourwebsite.com/"
clicktarget="_blank"
player="5"
autoplay="false"
loop="false"
autorewind="true"
splashimage="http://yourwebsite.com/wp-content/plugins/hana-flv-player/splash.jpg"
skin="mejs-wmp"
/]
将flv插入模板主题文件(例如sidebar.php):
好的,这是您可以在主题模板文件中使用的功能来显示FLV电影。基本上你需要使用hana_flv_player_template_call方法。该方法采用单个参数。参数应该只是上面解释的用法属性的字符串。只需将下面的代码复制到主题文件中,然后相应地编辑红色属性。
<?php
if (function_exists('hana_flv_player_template_call')){
$hana_arg="
video='http://localhost/wp/wp-content/plugins/hana-flv-player/babyhana.flv'
player='2'
width='1000'
height='100'
more_2=\"showStopButton: false, showScrubber: false, showVolumeSlider: false,showMuteVolumeButton: false,
showFullScreenButton: false, showMenu: false, controlsOverVideo: 'locked',controlBarBackgroundColor: -1,
controlBarGloss: 'none', usePlayOverlay:false \"
";
echo hana_flv_player_template_call($hana_arg);
}
?>