Flowplayer In WordPress

2013-01-28

Flash player

HTML5 player

FV flowplayer plugin

[flowplayer src=//pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv width=320 height=240]

Flowplayer is a nice flash and video player for website, it’s a little confusing player to config with all these options. I only use it to stream some family videos. I like the embeded flash format because other required scripts on the body which sometimes, RSS doesn’t work due to syntax error. There are 2 ways to embed, one without image and one with image as default.

Follow the instruction on flowplayer website to load the scripts on the head of the page.

This one is the one without image, video and the codes

<object width=”500″ height=”340″
data=”/flowplayer/flowplayer-3.2.7.swf”
type=”application/x-shockwave-flash”>
<param name=”movie” value=”/flowplayer/flowplayer-3.2.7.swf” />
<param name=”allowfullscreen” value=”true” />
<param name=”allowscriptaccess” value=”always” />
<param name=”flashvars”
value=’config={“playlist”:[{“url”:”/gregle/felicity.flv”,”autoPlay”:false}]}’ />
</object>

This is the one with the image as default and the codes

html codes

<object width=”400″ height=”300″ classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”allowfullscreen” value=”true” /><param name=”transcriptional” value=”always” /><param name=”flashvars” value=”config={&quot;playlist&quot;:[&quot;/dubai/dubai.jpg&quot;,{&quot;url&quot;:&quot;/testvideos/flowers.m4v&quot;,&quot;autoPlay&quot;:false}]}” /><param name=”src” value=”/wpblog/flowplayer/flowplayer-3.2.7.swf” /><embed width=”400″ height=”300″ type=”application/x-shockwave-flash” src=”/wpblog/flowplayer/flowplayer-3.2.7.swf” allowfullscreen=”true” allowscriptaccess=”always” flashvars=”config={&quot;playlist&quot;:[&quot;/dubai/dubai.jpg&quot;,{&quot;url&quot;:&quot;/testvideos/flowers.m4v&quot;,&quot;autoPlay&quot;:false}]}” /></object>

<object width=”500″ height=”340″
data=”/flowplayer/flowplayer-3.2.7.swf”
type=”application/x-shockwave-flash”>
<param name=”movie” value=”/flowplayer/flowplayer-3.2.7.swf”
<param name=”allowfullscreen” value=”true” />
<param name=”allowscriptaccess” value=”always” />
<param name=”flashvars” value=’config={“playlist”:[“/media/felicity/felicity.jpg”,{“url”:”/media/felicity/felicity.flv”,”autoPlay”:false}]}’ />
</object>

Cheers,

idog

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.