Jump to content
Thanks

Twitter Videos

Recommended Posts

 :FYI1:  

On 4/18/2020 at 12:09 PM, LadyboyObsession said:

how do you embed the video like that?

Easy-peasy...

First step: Get the URL of the video. 

Second step: to manually embed the video by using the video URL you need an iframe code. Either you know by heart how to write this little sniplet (takes less than a minute...) or you use one of the many free online iframe / embedding tools you find on the internet. 

Once you've got the iframe code, you copy it and paste it into the HTML editor of this forum. 

And that's it!

 

Some additional hints:

1. To get the Twitter video URL you can for example use the share button in Twitter. Click on the share symbol (the one with the three dots on the right):

IMG_20200418_125806.jpg

On different versions of Twitter (app, mobile, desktop...) the share button may be located in a bit different place...

Then click on "Copy link to tweet":

IMG_20200418_125749.jpg

You should get the message "copied to clipboard"

Paste this link to a URL finder such as for example:

https://igeturl.com/

Click on "Get!"

IMG_20200419_061220.jpg

Copy and add the URL (the blue one) to the iframe code generator of your choice, such as for example

https://embediframegenerator.com/

IMG_20200419_061520.jpg

Click on "Generate"

IMG_20200419_061646.jpg

and then on "copy it". 

4. Then go to the HTML editor of your forum post by clicking on the "Source" tab (on the left):

IMG_20200419_062009.jpg

and there you paste this iframe code:

IMG_20200419_062232.jpg

On the desktop version of the forum you can also click on the HTML embed sign to enter / paste the iframe code.

Once you've pasted it in the HTML editor you click on the source tab again and you should see a preview of your post:

IMG_20200419_062524.jpg

Then click on submit / save or edit. Done!

5. I think the video will be embedded in a HTML 5 player. So if someone still has a browser that only manages HTML 4, he can't see the video and / or get an error message...

The full code including the 3 pixel red frame for the video above looks like this:

<p>
    <iframe allowfullscreen="" frameborder="1" height="400px" marginheight="0px" marginwidth="0px" name="Faye Casanova" scrolling="yes" src="https://twitter.com/i/videos/1229634776291655681?embed_source=facebook" style="border:3px #ff1122 solid;" width="100%"></iframe>
</p>

The simple code (that also works!!!) looks like this:

<iframe  height="400px"  src="https://twitter.com/i/videos/1229634776291655681?embed_source=facebook"  width="320px"></iframe>

I know: sounds complicated...

:Crazy1:

... and cumbersome, but once you've done it a few times it'll take less than a minute to do it...

Easy peasy, lemon squeezy...

 

Good luck!

 :hello10:

Edited by Thanks

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×