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 by top and by left. It’s necessary for textual content, however if we’d like to display the featured page as video we heed to disappear this padding.
Requirements
- Width is 480px
- Height is 385px
Solutions
- We need to add especial tag wmode=”opaque” in the end of code.
- For disappearing a 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]