BB Code Enhancements - BBCode: Embed Facebook Videos vb4

hello everyone



this BBCODE for Embed Videos from Facebook






-- installing --

1- Go to admincp -> Custom BB code -> add a new BBCODE

2- Title : Facebook videos

3- BB Code Tag Name : fb

4- replacement :

<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/{param}/" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook/videos/{param}/"><a href="https://www.facebook.com/facebook/videos/{param}/"></a></blockquote></div></div>

Example :- [fb]123456[/fb]
description : Embed Facebook Videos

image : images/fb-icon.png (or the link to fb-icon.png )

5- 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

save ....


make as install

[War Machine]

Doesn't work. Blank space, uninstalled.

[Alan_SP]

For some reason, it works for some, and not for others. Problem is, I'm among those it doesn't work.

Is there some others way to embed facebook videos?

[gobears20]

Any idea as why this doesn't work? I just get a blank screen and no video in the post.

[Alan_SP]

Here's solution that works for me: https://vborg.vbsupport.ru/showpost....81&postcount=2

You need to change code (i.e. create two BBcodes) for posts and for video, which is pretty simple. Thing is, AJAX disrupts immediate showing of posts or videos, so you need to reload page, if AJAX is used in any way.

[Budget101]

If you're receiving a white page you'll need to use this instead:

PHP Code:


<vb:literal><script src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.2" async></script>
<div class="fb-video" data-href="https://www.facebook.com/{param}/" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/{param}/"><a href="https://www.facebook.com/{param}/"></a></blockquote></div></div></vb:literal> 


then when you use the url you would add the following:

PHP Code:

if the url to your video was:

https://www.facebook.com/uniladmag/videos/1859265807429803/?pnref=story

you would use this:
[fb]uniladmag/videos/1859265807429803[/fb]


. 


By the way, if you're using an older version of 4.x.x you'll need to add the following in your style>templates> additional.css

PHP Code:

.fb-video {
max-width: 800px !important;
border: 2px solid grey;
} 


specify the max width to your site specs.