Pre-Sales Question - Embed

[ScottMark]

May I asked before I decide to buy this script?
Currently I have one forum powered by vBulletin, I have try the demo site.. is wonderful.. but I am not sure this script could be embed in vBulletin forum as well..
I just found the embed code for myspace and hi5, the code for forum just link only..
My question is do this script could be embeded for vBulletin forum as like myspace embed code?
Currently I am using BB Code just for Youtube site..

Please give me an example to embed phpmelody in vBulletin forum, So I could try the demo before I buy..

This is an example for my forum BB Code in vBulletin Platform:

Code: Select all

<script src="http://www.yourdomainname.com/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" >
AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','480','height','384','src','http://www.youtube.com/v/{param}&ap=%2526fmt%3D18','quality','high','wmode','transparent','name','youtube','allowscriptaccess','sameDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','http://www.youtube.com/v/{param}&ap=%2526fmt%3D18' );</script>

and in the forum, I just insert the BB Code like this:

Code: Select all

[YOUTUBE]1EutKrKTfLk[/YOUTUBE]

I am not sure this script could do the same as Youtube, It would be great if its possible, and I am sure and confidently to buy without any concern..

Thank you in advanced..

Best Regards,
Scott

[muzikia]

Embedding videos into a forum isnt present by default in any of the video cms.

This can be done only on the forum side, by programming, by modding of the forum.

As i can figure out everything can be done )

[mephisto]

If you can embed it on myspace there's no reason why you wouldn't be able to do the same on any forum. You'll just have to put the right embed code in BBCode. Try some of the embed code on the demo.

example

Code: Select all

http://www.phpsugar.com/pm_demo/katy-perry/i-kissed-a-girl-video_5d0f00637.html

embed code

Code: Select all

<embed src="http://www.phpsugar.com/pm_demo/player.swf?config=%7Bembedded%3Atrue%2CemailVideoLink%3A%27%27%2CemailPostUrl%3A%27%27%2CshowOnLoadBegin%3Atrue%2CuseHwScaling%3Afalse%2CshowStopButton%3Afalse%2CmenuItems%3A%5Bfalse%2Cfalse%2Ctrue%2Ctrue%2Ctrue%2Cfalse%2Ctrue%5D%2CtimeDisplayFontColor%3A16763904%2CcontrolBarBackgroundColor%3A2437427%2CprogressBarColor2%3A0%2CprogressBarColor1%3A16777215%2CwatermarkLinkUrl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%27%2CshowWatermark%3A%27fullscreen%27%2CwatermarkUrl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%2Ftemplates%2Fdefault%2Fimages%2Fwatermark.png%27%2CcontrolsOverVideo%3A%27locked%27%2CcontrolBarGloss%3A%27high%27%2CuseNativeFullScreen%3Atrue%2CshowPlayListButtons%3Afalse%2CinitialScale%3A%27scale%27%2ChideControls%3Afalse%2Cloop%3Atrue%2CbufferLength%3A5%2CstartingBufferLength%3A2%2CautoBuffering%3Atrue%2CautoPlay%3Afalse%2CbaseURL%3A%27%27%2CuseSmoothing%3Atrue%2CplayList%3A%5B%7BoverlayId%3A%27play%27%2Cname%3A%27ClickToPlay%27%7D%2C%7BlinkWindow%3A%27_blank%27%2ClinkUrl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%2Fmusicvideo.php%3Fvid%3D5d0f00637%27%2Curl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%2Fvideos.php%3Fvid%3D5d0f00637%27%2Cname%3A%27Katy%2520Perry-I%2520Kissed%2520A%2520Girl%27%7D%5D%7D" width="290" height="201" scale="noscale" bgcolor="111111" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" allowNetworking="all" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed><p style="margin:3px 0px"><a href="http://www.phpsugar.com/pm_demo/katy-perry/i-kissed-a-girl-video_5d0f00637.html" target="_blank">Music Video Code by PHP Melody Demo 1.5.3</a></p>


the code for this video is

Code: Select all

5d0f00637

therefore that needs to be replaced with {param}

so

Code: Select all

[phpmelody]5d0f00637[/phpmelody]

should work if you implement the BBCode correctly.
That doesn't mean it will not be pretty tricky to do it.
Try the embed code first in an empty html page to see if it works,
I have seen some people around here say it doesn't.
I don't use embeds so I don't know.

this link works, try it

Code: Select all

http://www.phpsugar.com/pm_demo/player.swf?config=%7Bembedded%3Atrue%2CemailVideoLink%3A%27%27%2CemailPostUrl%3A%27%27%2CshowOnLoadBegin%3Atrue%2CuseHwScaling%3Afalse%2CshowStopButton%3Afalse%2CmenuItems%3A%5Bfalse%2Cfalse%2Ctrue%2Ctrue%2Ctrue%2Cfalse%2Ctrue%5D%2CtimeDisplayFontColor%3A16763904%2CcontrolBarBackgroundColor%3A2437427%2CprogressBarColor2%3A0%2CprogressBarColor1%3A16777215%2CwatermarkLinkUrl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%27%2CshowWatermark%3A%27fullscreen%27%2CwatermarkUrl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%2Ftemplates%2Fdefault%2Fimages%2Fwatermark.png%27%2CcontrolsOverVideo%3A%27locked%27%2CcontrolBarGloss%3A%27high%27%2CuseNativeFullScreen%3Atrue%2CshowPlayListButtons%3Afalse%2CinitialScale%3A%27scale%27%2ChideControls%3Afalse%2Cloop%3Atrue%2CbufferLength%3A5%2CstartingBufferLength%3A2%2CautoBuffering%3Atrue%2CautoPlay%3Afalse%2CbaseURL%3A%27%27%2CuseSmoothing%3Atrue%2CplayList%3A%5B%7BoverlayId%3A%27play%27%2Cname%3A%27ClickToPlay%27%7D%2C%7BlinkWindow%3A%27_blank%27%2ClinkUrl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%2Fmusicvideo.php%3Fvid%3D5d0f00637%27%2Curl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%2Fvideos.php%3Fvid%3D5d0f00637%27%2Cname%3A%27Katy%2520Perry-I%2520Kissed%2520A%2520Girl%27%7D%5D%7D

[mephisto]

the FULL URL decoded using http://www.albionresearch.com/misc/urlencode.php
looks like this

Code: Select all

http://www.phpsugar.com/pm_demo/player.swf?config={embedded:true,emailVideoLink:'',emailPostUrl:'',showOnLoadBegin:true,useHwScaling:false,showStopButton:false,menuItems:[false,false,true,true,true,false,true],timeDisplayFontColor:16763904,controlBarBackgroundColor:2437427,progressBarColor2:0,progressBarColor1:16777215,watermarkLinkUrl:'http://www.phpsugar.com/pm_demo',showWatermark:'fullscreen',watermarkUrl:'http://www.phpsugar.com/pm_demo/templates/default/images/watermark.png',controlsOverVideo:'locked',controlBarGloss:'high',useNativeFullScreen:true,showPlayListButtons:false,initialScale:'scale',hideControls:false,loop:true,bufferLength:5,startingBufferLength:2,autoBuffering:true,autoPlay:false,baseURL:'',useSmoothing:true,playList:[{overlayId:'play',name:'ClickToPlay'},{linkWindow:'_blank',linkUrl:'http://www.phpsugar.com/pm_demo/musicvideo.php?vid=5d0f00637',url:'http://www.phpsugar.com/pm_demo/videos.php?vid=5d0f00637',name:'Katy%20Perry-I%20Kissed%20A%20Girl'}]}

After playing around with that link for a while, this is the shortest working one I got so far, that still has the options I want)

Code: Select all

http://www.phpsugar.com/pm_demo/player.swf?config={embedded:true,controlsOverVideo:'ease',initialScale:'scale',hideControls:false,loop:true,autoPlay:false,useSmoothing:true,playList:[{url:'http://www.phpsugar.com/pm_demo/videos.php?vid=5d0f00637'}]}

if you don't want any options, then the shortest working version is

Code: Select all

http://www.phpsugar.com/pm_demo/player.swf?config={playList:[{url:'http://www.phpsugar.com/pm_demo/videos.php?vid=5d0f00637'}]}

the next step would be something like the youtube link (don't try this link it won't work

Code: Select all

http://www.phpsugar.com/v/5d0f00637

that should be possible using .htaccess.

[Andrew]

Trilulilu.ro has a nice approach for this issue and i'm pretty sure we will shamelessly copy this idea into 1.5.4.

They embed code looks something like:

Code: Select all

<script type="text/javascript" language="javascript" src="http://embed.trilulilu.ro/video/ovyd/7a97b85049fa2a"></script>

Accessing this URL opens up the following JS code:

Code: Select all

function show_7a97b85049fa2a(width, height, autoplay, ret) {
   tmp = '<object width="' + width +
      '" height="' + height +
      '"><param name="movie" value="http://embed.trilulilu.ro/player/evideoplayer.swf?hash=7a97b85049fa2a&userid=ovyd&referer=&rs=00d95b732a' + (autoplay ? '&autoplay=true' : '') +
      '"><param name="allowFullScreen" value="true"><param name="wmode" value="transparent">' +
      '<embed src="http://embed.trilulilu.ro/player/evideoplayer.swf?hash=7a97b85049fa2a&userid=ovyd&referer=&rs=00d95b732a' + (autoplay ? '&autoplay=true' : '') + '" type="application/x-shockwave-flash" wmode="transparent" allowfullscreen="true" width="' + width +
      '" height="' + height + '"></embed></object>';
   
   if (ret) {
      return tmp;
   } else {
      document.write(tmp);
   }
}


So this is basically generating some JS that can be accessed and included into any page.

However for MySpace and Hi5 (i'm pretty sure they won't allow JS) we can embed the video using a single PHP file/link that can redirect to the full URL(embed code) for the video (redirect from a small and simple URL to the large and bulky embed code/url that PHP Melody currently generates.

[mephisto]

Why not use the approach I suggested. Using htaccess for the full code.
That's how youtube does it too I assume.
They probably have all the javascript options and configs in a php file that redirects to v/xxxxxx
Going for two different embed codes is complicating things again.

[ScottMark]

If you can embed it on myspace there's no reason why you wouldn't be able to do the same on any forum. You'll just have to put the right embed code in BBCode. Try some of the embed code on the demo.

example

Code: Select all

http://www.phpsugar.com/pm_demo/katy-perry/i-kissed-a-girl-video_5d0f00637.html

embed code

Code: Select all

<embed src="http://www.phpsugar.com/pm_demo/player.swf?config=%7Bembedded%3Atrue%2CemailVideoLink%3A%27%27%2CemailPostUrl%3A%27%27%2CshowOnLoadBegin%3Atrue%2CuseHwScaling%3Afalse%2CshowStopButton%3Afalse%2CmenuItems%3A%5Bfalse%2Cfalse%2Ctrue%2Ctrue%2Ctrue%2Cfalse%2Ctrue%5D%2CtimeDisplayFontColor%3A16763904%2CcontrolBarBackgroundColor%3A2437427%2CprogressBarColor2%3A0%2CprogressBarColor1%3A16777215%2CwatermarkLinkUrl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%27%2CshowWatermark%3A%27fullscreen%27%2CwatermarkUrl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%2Ftemplates%2Fdefault%2Fimages%2Fwatermark.png%27%2CcontrolsOverVideo%3A%27locked%27%2CcontrolBarGloss%3A%27high%27%2CuseNativeFullScreen%3Atrue%2CshowPlayListButtons%3Afalse%2CinitialScale%3A%27scale%27%2ChideControls%3Afalse%2Cloop%3Atrue%2CbufferLength%3A5%2CstartingBufferLength%3A2%2CautoBuffering%3Atrue%2CautoPlay%3Afalse%2CbaseURL%3A%27%27%2CuseSmoothing%3Atrue%2CplayList%3A%5B%7BoverlayId%3A%27play%27%2Cname%3A%27ClickToPlay%27%7D%2C%7BlinkWindow%3A%27_blank%27%2ClinkUrl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%2Fmusicvideo.php%3Fvid%3D5d0f00637%27%2Curl%3A%27http%3A%2F%2Fwww.phpsugar.com%2Fpm_demo%2Fvideos.php%3Fvid%3D5d0f00637%27%2Cname%3A%27Katy%2520Perry-I%2520Kissed%2520A%2520Girl%27%7D%5D%7D" width="290" height="201" scale="noscale" bgcolor="111111" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" allowNetworking="all" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed><p style="margin:3px 0px"><a href="http://www.phpsugar.com/pm_demo/katy-perry/i-kissed-a-girl-video_5d0f00637.html" target="_blank">Music Video Code by PHP Melody Demo 1.5.3</a></p>


the code for this video is

Code: Select all

5d0f00637

therefore that needs to be replaced with {param}

so

Code: Select all

[phpmelody]5d0f00637[/phpmelody]

should work if you implement the BBCode correctly.
That doesn't mean it will not be pretty tricky to do it.
Try the embed code first in an empty html page to see if it works,
I have seen some people around here say it doesn't.
I don't use embeds so I don't know.

Thank you very much sir, your sample of embed code is working in vBulletin Forum..
but when I change to other link still playing the same of songs of i-kissed-a-girl-video, for example if I post in the forum for

Code: Select all

http://www.phpsugar.com/pm_demo/queen/we-are-the-champions-live-video_95d1acfa2.html

So I type

Code: Select all

[phpmelody]95d1acfa2[/phpmelody]

instead of

Code: Select all

[phpmelody]5d0f00637[/phpmelody]

but the result is still playing the i-kissed-a-girl-video that should be changed to we-are-the-champions-live-video.

After I look at the embed code I put on the BB Code in my admin control panel then I figure out, the above embed code only for that particular song.

So I wish if you could give me the generic embed code so if in the forum we change to [code][phpmelody]95d1acfa2[/phpmelody] will playing we-are-the-champions-live-video, or if we changed to other code then play the other song also..

By the way, I really appreciate for your answers, your kindly to reply this thread help me a lot..

Thank you very much sir...

Best Regards,
Scott

[mephisto]

this is the important bit
the code for this video is

Code: Select all

5d0f00637

therefore that needs to be replaced with {param}

you MUST replace ALL instances of 5d0f00637 with the variable {param}
otherwise you run into the problem you have.
Paste your current bbcode here, so I can check it

[mephisto]

The easiest way to do this is to use the FW Player
download it here http://www.longtailvideo.com/

Code: Select all

<embed src="http://www.yoursite.net/flvplayer-viral.swf"
width="500"
height="400"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="config=http://www.yoursite.net/embedcode.php?vid=ea4377fe5"
/>

this is the full embed code for it, try it.
I programmed a new php file, that basically returns all the config flashvars settings as xml. So you don't have to worry about any of those anymore. You could even put the width and height in config but that's not a good idea, leave your users that choice. You can expand this, to use more skins etc etc etc.
If you are verifified youc an find the code in code hacks forum.

see http://code.jeroenwijering.com/trac/wiki/FlashVars for all flashvars.

FW Player is also a lot smaller than flowplayer so you'll save on bandwidth as well.