subtitlecat.com

All language subtitles for 29 - Embedding other media through iframes.en

Afrikaans

Akan

Albanian

Amharic

Arabic

Armenian

Azerbaijani

Basque

Belarusian

Bemba

Bengali

Bihari

Bosnian

Breton

Bulgarian

Cambodian

Catalan

Cebuano

Cherokee

Chichewa

Chinese (Simplified)

Chinese (Traditional)

Corsican

Croatian

Czech

Danish

Dutch

English

Esperanto

Estonian

Ewe

Faroese

Filipino

Finnish

French

Frisian

Galician

Georgian

German

Greek

Guarani

Gujarati

Haitian Creole

Hausa

Hawaiian

Hebrew

Hindi

Hmong

Hungarian

Icelandic

Igbo

Indonesian

Interlingua

Irish

Italian

Japanese

Javanese

Kannada

Kazakh

Kinyarwanda

Kirundi

Kongo

Korean

Krio (Sierra Leone)

Kurdish

Kurdish (Soranî)

Kyrgyz

Laothian

Latin

Latvian

Lingala

Lithuanian

Lozi

Luganda

Luo

Luxembourgish

Macedonian

Malagasy

Malay

Malayalam

Maltese

Maori

Marathi

Mauritian Creole

Moldavian

Mongolian

Myanmar (Burmese)

Montenegrin

Nepali

Nigerian Pidgin

Northern Sotho

Norwegian

Norwegian (Nynorsk)

Occitan

Oriya

Oromo

Pashto

Persian

Polish

Portuguese (Brazil)

Portuguese (Portugal)

Punjabi

Quechua

Romanian

Romansh

Runyakitara

Russian

Samoan

Scots Gaelic

Serbian

Serbo-Croatian

Sesotho

Setswana

Seychellois Creole

Shona

Sindhi

Sinhalese

Slovak

Slovenian

Somali

Spanish

Spanish (Latin American)

Sundanese

Swahili

Swedish

Tajik

Tamil

Tatar

Telugu

Thai

Tigrinya

Tonga

Tshiluba

Tumbuka

Turkish

Turkmen

Twi

Uighur

Ukrainian

Urdu

Uzbek

Vietnamese

Welsh

Wolof

Xhosa

Yiddish

Yoruba

Zulu

Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:00,005 --> 00:00:03,002 - Earlier, we took a look at the video element, 2 00:00:03,002 --> 00:00:05,003 and I mentioned that it's possible 3 00:00:05,003 --> 00:00:07,004 you're not going to to do video that way. 4 00:00:07,004 --> 00:00:10,001 It's likely that you'll use a video hosting service, 5 00:00:10,001 --> 00:00:11,005 and embed the video player 6 00:00:11,005 --> 00:00:15,002 that they provide onto your webpage. 7 00:00:15,002 --> 00:00:18,000 Embedding is taking content from one site 8 00:00:18,000 --> 00:00:21,005 and placing it into the middle of a page on another site. 9 00:00:21,005 --> 00:00:23,001 There's all kinds of content 10 00:00:23,001 --> 00:00:26,001 that you might want to embed onto a page. 11 00:00:26,001 --> 00:00:29,003 You can embed a map from Google or Mapbox. 12 00:00:29,003 --> 00:00:33,001 You can embed a code demo from CodePen or Glitch. 13 00:00:33,001 --> 00:00:37,001 You can embed a slide deck from Speaker Deck or Notist. 14 00:00:37,001 --> 00:00:39,007 It's common to embed something complex 15 00:00:39,007 --> 00:00:42,006 from a service that takes care of all the hard parts 16 00:00:42,006 --> 00:00:43,009 for you. 17 00:00:43,009 --> 00:00:45,002 You don't have to figure out 18 00:00:45,002 --> 00:00:46,008 how to build a mapping service, 19 00:00:46,008 --> 00:00:48,001 or a slide deck system, 20 00:00:48,001 --> 00:00:49,005 or a code demo platform, 21 00:00:49,005 --> 00:00:51,008 or an adaptive bitrate server. 22 00:00:51,008 --> 00:00:54,009 You go to someone else's toolkit and do all of that, 23 00:00:54,009 --> 00:00:58,000 and then embed the results onto your website. 24 00:00:58,000 --> 00:01:02,003 So what HTML do we need to know to help us do this? 25 00:01:02,003 --> 00:01:05,001 Well, basically, you get the HTML 26 00:01:05,001 --> 00:01:07,005 from the service that you are using. 27 00:01:07,005 --> 00:01:09,005 Let's use YouTube as an example. 28 00:01:09,005 --> 00:01:11,002 Here is a YouTube video that I made. 29 00:01:11,002 --> 00:01:14,002 And let's say I want to post it on my own website, 30 00:01:14,002 --> 00:01:16,006 so people can find it on my domain name 31 00:01:16,006 --> 00:01:19,002 and not have to go to the YouTube website. 32 00:01:19,002 --> 00:01:21,000 I'll look for a share button, 33 00:01:21,000 --> 00:01:22,004 or some other clue 34 00:01:22,004 --> 00:01:25,000 about where I can find the embed code. 35 00:01:25,000 --> 00:01:26,000 Here it is. 36 00:01:26,000 --> 00:01:27,001 Share. 37 00:01:27,001 --> 00:01:30,007 I see where it says Embed, and let me click that. 38 00:01:30,007 --> 00:01:32,007 And I see some options, 39 00:01:32,007 --> 00:01:35,008 Privacy Enhanced, that sounds good. 40 00:01:35,008 --> 00:01:37,004 I'll click Copy, 41 00:01:37,004 --> 00:01:40,001 and I'll get some code copied to my clipboard. 42 00:01:40,001 --> 00:01:42,004 I'll past this into my HTML, 43 00:01:42,004 --> 00:01:46,000 and voila, now I have a video embedded on the page. 44 00:01:46,000 --> 00:01:48,008 We don't really need to understand what all of this says. 45 00:01:48,008 --> 00:01:51,008 The engineers at YouTube wrote it all for us. 46 00:01:51,008 --> 00:01:54,009 Although, now that we know how to read HTML, 47 00:01:54,009 --> 00:01:58,003 we can see a lot here that we recognize. 48 00:01:58,003 --> 00:02:01,005 The iframe element has several attributes on it, 49 00:02:01,005 --> 00:02:03,002 including height and width. 50 00:02:03,002 --> 00:02:04,008 We could adjust those. 51 00:02:04,008 --> 00:02:08,008 Src is going to point to the source of the video file. 52 00:02:08,008 --> 00:02:10,007 Iframes are powerful. 53 00:02:10,007 --> 00:02:13,009 There are definitely some security considerations to be had 54 00:02:13,009 --> 00:02:17,002 about pulling in code from other sites like this. 55 00:02:17,002 --> 00:02:20,005 So if you're using a CMS that someone else set up, 56 00:02:20,005 --> 00:02:23,003 like it's your job to post content on a WordPress website, 57 00:02:23,003 --> 00:02:24,008 or a Drupal website, 58 00:02:24,008 --> 00:02:27,006 there's a good chance that you can't just paste 59 00:02:27,006 --> 00:02:30,003 some random embed code from another website 60 00:02:30,003 --> 00:02:31,007 into your system. 61 00:02:31,007 --> 00:02:34,002 There's a good chance that the CMS is set up 62 00:02:34,002 --> 00:02:37,000 with a different way to allow a URL 63 00:02:37,000 --> 00:02:40,007 or a shortcode from a specifically white-labeled source. 64 00:02:40,007 --> 00:02:41,009 And you'll want to talk to someone 65 00:02:41,009 --> 00:02:44,000 who knows how to use your CMS 66 00:02:44,000 --> 00:02:47,007 to find out how to embed things like YouTube videos. 67 00:02:47,007 --> 00:02:49,008 If you're the person building a site, 68 00:02:49,008 --> 00:02:52,006 you probably want to think about how security will work 69 00:02:52,006 --> 00:02:55,001 when it comes to the iframe element. 70 00:02:55,001 --> 00:02:56,006 If a bunch of different people 71 00:02:56,006 --> 00:02:59,002 are going to be entering content into a system, 72 00:02:59,002 --> 00:03:02,000 you're not going to want to just allow all iframes. 73 00:03:02,000 --> 00:03:03,009 Think about the security. 74 00:03:03,009 --> 00:03:05,002 If it's just you, 75 00:03:05,002 --> 00:03:06,005 posting your own videos 76 00:03:06,005 --> 00:03:07,009 on your own website, 77 00:03:07,009 --> 00:03:10,000 then it will be fine. 5548