Streaming live at 10am (PST)

Embed code widget: Code appears before the content


#1

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


#2

I only see a border, no code nor video.

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

Learn how to do it here: http://help.webflow.com/sharing-your-public-webflow-site-link


#3

Wow neutral_face Sure! Here is the Read-only link: https://preview.webflow.com/preview/onetribe?preview=1824865e9d2b7234f378f2f37976121b

Thanks @vincent smile


#4

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


#5

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

You know what I mean?


#6

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 smile

Cheers,
Dave


#7

Working great, as usual grin Thanks man 👌🏼


#8

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


#9

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


#10

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


#11

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