search

hupili / datavis.studio

data-viz course/ slides/ projects
http://datavis.studio/
6 stars 6 forks source link

Embed TED video #3

Open hupili opened 5 years ago

hupili commented 5 years ago

Example: you want to embed this video using iframe. https://www.ted.com/talks/olga_yurkova_inside_the_fight_against_russia_s_fake_news_empire?language=en

Directly putting the above URL in the src attribute of iframe does not work. That is because, the URL is an entire webpage, instead of a single video. You need to find the video link first.

You can choose Embed from Share:

screenshot 2019-02-12 at 7 51 09 pm

Copy the embed code into a text editor and observe the URL.

<div style="max-width:854px"><div style="position:relative;height:0;padding-bottom:56.25%"><iframe src="https://embed.ted.com/talks/lang/en/olga_yurkova_inside_the_fight_against_russia_s_fake_news_empire" width="854" height="480" style="position:absolute;left:0;top:0;width:100%;height:100%" frameborder="0" scrolling="no" allowfullscreen></iframe></div></div>

The URL that you can use in the iframe src attribute is: https://embed.ted.com/talks/lang/en/olga_yurkova_inside_the_fight_against_russia_s_fake_news_empire