视频标签全宽可切割高度

时间:2015-05-28 09:21:09

标签: wordpress video

我在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>

我尝试使用插件,但我遇到同样的问题......

我会很感激任何建议!谢谢

2 个答案:

答案 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>&nbsp; - 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);  
}
?>