Mini Mods - Facebook Videos updated BBCODE

This mod will update the old cold of vbulletin mod to the latest code released until 1st june 2015 by facebook administration.

This mod will perform 2 major operations
1) update the old video codes posted through video button on vbulleten4 WYSWYG editor
2) we will create a new bbcode for facebook videos. e.g. [fb] Video id [/fb]

1) First of all make it sure that your facebook Platform is enabled for your forum.
Admin CP -> Settings -> Options -> Facebook options -> enable facebook platform
you need to create an application for your website on facebook , and configure all the settings. its easy , just search how to do it.

2) Go to style manager , edit templates -> BBCODE layout templates -> bbcode_video

Select FROM THIS LINE
<vb:elseif condition="$provider == 'facebook'" />
UNTIL THIS LINE
</vb:if>
 and replace these lines with this code 
<div class="fb-video" data-href="https://www.facebook.com/video.php?v={vb:raw code}" 
  data-width="500" data-allowfullscreen="true"></div>
<br><br><br><br>
<div class="fb-like" data-href="https://www.facebook.com/nidokidos1" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>

Now untill here we have updated the code of all the existing facebook videos on the forun
and now we will make a new BBCode for facebook videos

3) Go to admincp -> Custom BB code -> add a new BBCODE
Title :- Facebook videos
BB Code Tag Name :- fb

replacement :-

<div class="fb-video" data-href="https://www.facebook.com/video.php?v={param}" 
  data-width="500" data-allowfullscreen="true"></div>
<br><br><br><br>
<div class="fb-like" data-href="https://www.facebook.com/nidokidos1" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>

Example :- [fb]1411628811495[/fb]
description :- give video id between [fb] tags

Use option :- NO
Disable BB Code Within This BB Code :- Yes
Disable Smilies Within This BB Code :- Yes
Disable Word Wrapping Within This BB Code :- Yes
Disable Automatic Link Parsing Within This BB Code :- NO

Now save that BB code
and you have done it.
Note:- Please replace https://www.facebook.com/nidokidos1 with your website official page on facebook if you have any.

Thanks.

Demo Page
http://www.nidokidos.org/threads/232632
screen shots are attached

[thenicehorizon]

great job
thank you very much

[naveeid]

welcome sir

[djbaxter]

Suggestion: Duplicate this to fix You-Tube BB code so it recognizes https://

[naveeid]

ok sir i will try but right now youtube is not working in my country.

[sticky]

Get this error:

The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.
<div class="fb-video" data-href="https://www.facebook.com/video.php?v={param}" data-width="500" data-allowfullscreen="true"></div> <br><br><br><br> <div class="fb-like" data-href="https://www.facebook.com/nidokidos1" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>

[concepts]

Ignore it.... I did, code still works perfectly. Just choose continue

[edgeless]

Yes, ignore the warning and click 'continue'. The code works beautifully! Thank you kindly, naveeid

[akz645]

It worked

Here are some 'improvements'/ 'further help' for those who need it:
The bbcode_video template is located here:
Admin CP -> Styles & Templates -> Style Manger -> Edit templates -> BB Code Layout Templates (double click) -> bbcode_video (edit)

Originally Posted by naveeid

1) you need to create an application for your website on facebook , and configure all the settings. its easy , just search how to do it.

Link: https://www.vbulletin.com/docs/html/facebook_enable
Note: Skip the 'quick settings' once you select that you're using for a website (the WWW. circle)
Then you'll see:

Originally Posted by naveeid

Select FROM THIS LINE
<vb:elseif condition="$provider == 'facebook'" />
UNTIL THIS LINE
</vb:if>

You get an error if you remove the first and last line. Hence I didn't remove them.

In other words, I replaced this:

<vb:elseif condition="$provider == 'facebook'" />
<object class="restrain" type="application/x-shockwave-flash" width="576" height="432" data="//www.facebook.com/v/{vb:raw code}">
	<param name="movie" value="//www.facebook.com/v/{vb:raw code}" />
	<param name="wmode" value="{vb:raw wmode}" />
	<!--[if IE 6]>
	<embed width="576" height="432" type="application/x-shockwave-flash" src="//www.facebook.com/v/{vb:raw code}" />
	<![endif]--></object>
</vb:if>

With:

<vb:elseif condition="$provider == 'facebook'" />
<div class="fb-video" data-href="https://www.facebook.com/video.php?v={vb:raw code}" 
  data-width="500" data-allowfullscreen="true"></div>
<br><br><br><br>
<div class="fb-like" data-href="https://www.facebook.com/nidokidos1" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div></vb:if>

Oh & I didn't like the whole 'like' button below the facebook video + it was much lower down than the video.
Hence I removed things from the replacement code (when adding a new BB code):

<div class="fb-video" data-href="https://www.facebook.com/video.php?v={param}" data-width="500" data-allowfullscreen="true"></div>

Finally, I'd recommend switching your bbcode_video template (except for the FB edit you did above) to this:
https://vborg.vbsupport.ru/showthread.php?t=283594

[ximcix]

Hello guys.
I have a problem here. I tried the above mod and it did not work for me.

Facebook now shows video url with the person's (or page's) vanity url in the string:
https://www.facebook.com/JustForFunTvVideos/videos/883585621689227

I tried embedding the URL above as

[video]https://www.facebook.com/JustForFunTvVideos/videos/883585621689227[/video]

and it just displayed the URL as a link.

Then I tried an excerpt from you code and used https://www.facebook.com/video.php?v=883585621689227
same result. But if I click the link, the video plays on facebook

after taking a break for a couple hours, I remembered that the old Facebook video URL format was actually https://www.facebook.com/video/video.php?v=
so I tried https://www.facebook.com/video/video.php?v=883585621689227 and it worked.

Now my issue is, if the average user wants to share a video on my forum, copies a url such as: https://www.facebook.com/JustForFunTvVideos/videos/883585621689227
they will just see the URL as a link on the page.


SUMMARY
All of the following links point to the same video and they all load on facebook.com, but only the one with "/video/video.php?v=" worked for me using the mod above:
https://www.facebook.com/JustForFunT...83585621689227
https://www.facebook.com/video.php?v=883585621689227
https://www.facebook.com/video/video...83585621689227