Embed code widget: Code appears before the content

Hi folks!

As you can see here: http://tribe.pm/, we can see the code of the “Embed code widget” before the video appears.

I tried to use the “Video widget”, but here is what happens: https://infinit.io/_/3nJGvnQ

Any idea?

Thanks guys :3

I only see a border, no code nor video.

http://vincent.polenordstudio.fr/snap/rrohd.jpg

Can you please share your project’s public link so it’s easier to understand your issue?

Learn how to do it here: Share a read-only link | Webflow University

Wow :neutral_face: Sure! Here is the Read-only link: Webflow - Tribe™ - Magical Messaging

Thanks @vincent :slight_smile:

What is the script supposed to do? It only returns a few things for me. Don’t know why it deosn’t sjow up on your page…

http://vincent.polenordstudio.fr/snap/zde5w.jpg

I don’t know @vincent. Actually what I want, is just to display this video :slight_smile: https://www.facebook.com/Cyrilpaglino/videos/10205004523855557/

You know what I mean?

Hi @laurentdesserre, it looks like you have multiple tags including tags with text in the same embed widget. Those divs with the text are not set to display none, so they will show until the video loads.

Here is the current embed:

<div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-video" data-allowfullscreen="1" data-href="/Cyrilpaglino/videos/vb.1315873789/10205004523855557/?type=1"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/Cyrilpaglino/videos/10205004523855557/"><a href="https://www.facebook.com/Cyrilpaglino/videos/10205004523855557/">Tribe - Magical Messaging</a><p>A la fin du mois de Juin, j&#039;ai invité quelques potes a tester TRIBE (www.tribe.pm) , une app de messagerie simple (1 seul écran), rapide (pas de clavier), et totalement asynchrone.Aux vues des bons feedbacks et metrics, on a décidé de passé l&#039;été a bosser dessus avec Laurent, Kévin et Tiago. L’app est disponible en BETA privée sur iOS et Android, volontairement en dehors des stores pour le moment. Vous pouvez la télécharger et la tester avec vos contacts les plus proches via les liens de DL sur www.tribe.pmBien évidemment, vos feedbacks sont les bienvenus !</p>Posted by <a href="#" role="button">Cyril Paglino</a> on Wednesday, August 26, 2015</blockquote></div></div>

to show only video, remove the divs with text, so that it is something like:

<div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-video" data-allowfullscreen="1" data-href="/Cyrilpaglino/videos/vb.1315873789/10205004523855557/?type=1"></div>

Try that and see if it helps :slight_smile:

Cheers,
Dave

1 Like

Working great, as usual :grin: Thanks man :ok_hand:t3:

1 Like

As for me, I finaly had to turn adblock and ghostery opff to see the video. So for you to know, users of those extensions won’t see your video…

Ok, thanks @vincent. It works for me with Adblock enabled. What do you think @cyberdave?

Hey @laurentdesserre, thanks for the update.

I do not have adblock, but my thought is that it would be pretty hard to design your pages and have to account for all the extensions that are out there.

If the site works for you and you are using adblock, you are probably ok, but might be good to keep this in mind to support your site visitors in case of any issue.

Cheers,
Dave

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.