Prose Theme: embeddeding html video in body of main/home page: WordPress

• SOLVED

I am working on a site that has 3 custom videos. The main focal point is an auto play html video that should play on the home page in the body section. I can't get this to work

I have tried a few video embedding plugins, "SAVE (Simfany Any Video Embedder)"

The site is: www.fasciapro.com

<code>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><div id="video_box" style="width:540px">
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var embed_code = "";
var embed_flash_code =
'<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ' +
' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" ' +
' width="540" height="390" id="as3Display" align="middle"> ' +
' <param name="allowScriptAccess" value="always" />' +
' <param name="allowFullScreen" value="true" /> ' +
' <param name="FlashVars" value="contentId=4cbe0d44c00ec&internal=1" /> ' +
' <param name="movie" value="http://videos2.videobloom.com/container.swf" /> ' +
' <param name="quality" value="high" /> ' +
' <param name="wmode" value="transparent" /> ' +
' <embed src="http://videos2.videobloom.com/container.swf" FlashVars="contentId=4cbe0d44c00ec&internal=1" wmode="transparent" width="540" height="390" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash" ' +
' pluginspage="http://www.macromedia.com/go/getflashplayer" /> ' +
'</object>';

if(navigator.platform == "iPhone" || navigator.platform == "iPod" || navigator.platform == "iPad"){

embed_code = '<video id="4cbe0e8cf30d4" width="540" height="390" poster="http://videos2.videobloom.com/e956531d647aff9c1a9b57702e078e9e-0004.jpg" autobuffer> ' +
'<source src="http://videos2.videobloom.com/e956531d647aff9c1a9b57702e078e9e.iphone.mp4" type="video/mp4"></source> ' +
'</video>';

} else {
embed_code = embed_flash_code;
}
$("#video_box").append(embed_code);
});
</script>
<code>

Answers (2)

2010-11-26

Andrzej answers:

I'd personally use Kimili Flash Embed for this kind of situations
http://kimili.com/plugins/kml_flashembed

Basically its very flexible Wordpress plugin for any flash embedding:

You activate a plugin, then you can use visual editor to choose settings.

It will give you a code like below, which you just put in the page content.

[kml_flashembed base=. movie=http://www.x.com/file.swf height=164 width=500 wmode=transparent fvars=abcde=1 /]

2010-11-26

Gabriel Reguly answers:

Hi,

Have you tested it with these parameters?


' <PARAM NAME="autoplay" VALUE="true" /> ' +
' <PARAM NAME="autostart" VALUE="true" /> ' +


Just add those lines after

' <param name="allowFullScreen" value="true" /> ' +


and see if it works.

Regards,
Gabriel