Insert Video
Please, don’t forget read a documentation ../download.zip/doc/index.html
Task
Insert video into the Featured Page.
Problems
- Usualy the flash video overlaps the html elements e.g. a drop-down menu displays below the video.
- By default the featured pages have paddings 30px on top and left. It’s necessary for textual content, however if we’d like to display the featured page as video you will need to remove this padding.
Requirements
- Width is 480px
- Height is 385px
Solutions
- We need to add a special tag wmode=”opaque” in the end of code.
- For removing the padding we need to wrap the code by shortcode [feat_object] .. [/feat_object]
- For disabling WP automatic formatting we need to wrap the code by shortcode [noformat] .. [/noformat]
- And set custom dimentions of video in compliance with the requirements.
Ready Solutions:
for YouTube
Please use this template for inserting video by YouTube. Just replace the video ID.
[noformat]
[feat_object]
<object width="480" height="385">
<param name="movie" value="http://www.youtube.com/v/DNrbiZoKQLU&hl=en_GB&fs=1&color1=0x3a3a3a&color2=0x999999"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed
src="http://www.youtube.com/v/DNrbiZoKQLU&hl=en_GB&fs=1&color1=0x3a3a3a&color2=0x999999"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="480"
height="385"
wmode="opaque">
</embed>
</object>
[/feat_object]
[/noformat]
for Vimeo
Please use this template for inserting video by Vimeo. Just replace the video ID.
[noformat]
[feat_object]
<object width="480" height="385">
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie"
value="http://vimeo.com/moogaloop.swf?clip_id=5979501&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00ADEF&fullscreen=1" />
<embed
src="http://vimeo.com/moogaloop.swf?clip_id=5979501&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00ADEF&fullscreen=1"
type="application/x-shockwave-flash"
allowfullscreen="true"
allowscriptaccess="always"
width="480"
height="385"
wmode="opaque">
</embed>
</object>
[/feat_object]
[/noformat]
for WordPress TV
Please use this template for inserting video by WordPress TV. Just replace the title and video ID.
[noformat]
[feat_object]
<embed
src="http://v.wordpress.com/wp-content/plugins/video/flvplayer.swf?ver=1.21"
type="application/x-shockwave-flash"
width="480"
height="385"
seamlesstabbing="true"
allowfullscreen="true"
allowscriptaccess="always"
overstretch="true"
flashvars="guid=nMCevNJk&width=480&height=385&locksize=no&dynamicseek=false&qc_publisherId=p-18-mFEk4J448M"
title="Matt Mullenweg: 2010 Dublin Web Summit"
wmode="opaque">
</embed>
[/feat_object]
[/noformat]