[{"transcript":"Videos in your website can improve the engagement of your visitors but if they are not managed well","words":[{"word":"Videos","start_time":0.241,"end_time":0.703},{"word":"in","start_time":0.743,"end_time":0.803},{"word":"your","start_time":0.843,"end_time":0.964},{"word":"website","start_time":0.984,"end_time":1.486},{"word":"can","start_time":1.546,"end_time":1.706},{"word":"improve","start_time":1.747,"end_time":2.088},{"word":"the","start_time":2.128,"end_time":2.228},{"word":"engagement","start_time":2.309,"end_time":2.951},{"word":"of","start_time":3.072,"end_time":3.132},{"word":"your","start_time":3.192,"end_time":3.333},{"word":"visitors","start_time":3.393,"end_time":3.855},{"word":"but","start_time":4.095,"end_time":4.216},{"word":"if","start_time":4.276,"end_time":4.336},{"word":"they","start_time":4.377,"end_time":4.457},{"word":"are","start_time":4.497,"end_time":4.577},{"word":"not","start_time":4.617,"end_time":4.738},{"word":"managed","start_time":4.818,"end_time":5.139},{"word":"well","start_time":5.159,"end_time":5.24}]},{"transcript":" then they can result in poor user experience.","words":[{"word":"then","start_time":5.722,"end_time":5.882},{"word":"they","start_time":5.922,"end_time":6.083},{"word":"can","start_time":6.103,"end_time":6.284},{"word":"result","start_time":6.324,"end_time":6.765},{"word":"in","start_time":6.866,"end_time":6.946},{"word":"poor","start_time":7.047,"end_time":7.308},{"word":"user","start_time":7.488,"end_time":7.809},{"word":"experience.","start_time":7.89,"end_time":8.432}]},{"transcript":"In this video we'll see how to easily drop in,","words":[{"word":"In","start_time":8.612,"end_time":8.673},{"word":"this","start_time":8.713,"end_time":8.853},{"word":"video","start_time":8.873,"end_time":9.134},{"word":"we'll","start_time":9.154,"end_time":9.295},{"word":"see","start_time":9.315,"end_time":9.435},{"word":"how","start_time":9.456,"end_time":9.596},{"word":"to","start_time":9.636,"end_time":9.757},{"word":"easily","start_time":9.837,"end_time":10.158},{"word":"drop","start_time":10.218,"end_time":10.479},{"word":"in,","start_time":10.499,"end_time":10.54}]},{"transcript":"optimize and customize videos in a Svelte application using the Svelte Cloudinary SDK.","words":[{"word":"optimize","start_time":11.021,"end_time":11.663},{"word":"and","start_time":11.804,"end_time":11.924},{"word":"customize","start_time":12.004,"end_time":12.607},{"word":"videos","start_time":12.647,"end_time":13.028},{"word":"in","start_time":13.369,"end_time":13.409},{"word":"a","start_time":13.49,"end_time":13.57},{"word":"Svelte","start_time":13.59,"end_time":13.871},{"word":"application","start_time":13.931,"end_time":14.594},{"word":"using","start_time":14.754,"end_time":14.955},{"word":"the","start_time":14.975,"end_time":15.116},{"word":"Svelte","start_time":15.136,"end_time":15.437},{"word":"Cloudinary","start_time":15.497,"end_time":16.059},{"word":"SDK.","start_time":16.24,"end_time":16.3}]},{"transcript":" Whether video is the focus of your website or not, they can create excitement and provide","words":[{"word":"Whether","start_time":20.862,"end_time":21.103},{"word":"video","start_time":21.163,"end_time":21.424},{"word":"is","start_time":21.464,"end_time":21.524},{"word":"the","start_time":21.564,"end_time":21.645},{"word":"focus","start_time":21.685,"end_time":22.026},{"word":"of","start_time":22.067,"end_time":22.127},{"word":"your","start_time":22.147,"end_time":22.287},{"word":"website","start_time":22.307,"end_time":22.85},{"word":"or","start_time":22.97,"end_time":23.03},{"word":"not,","start_time":23.111,"end_time":23.352},{"word":"they","start_time":23.492,"end_time":23.613},{"word":"can","start_time":23.633,"end_time":23.814},{"word":"create","start_time":23.874,"end_time":24.235},{"word":"excitement","start_time":24.336,"end_time":24.999},{"word":"and","start_time":25.099,"end_time":25.179},{"word":"provide","start_time":25.199,"end_time":25.36}]},{"transcript":" more visual context which can be very helpful to users.","words":[{"word":"more","start_time":25.782,"end_time":25.982},{"word":"visual","start_time":26.043,"end_time":26.444},{"word":"context","start_time":26.524,"end_time":27.006},{"word":"which","start_time":27.107,"end_time":27.247},{"word":"can","start_time":27.287,"end_time":27.408},{"word":"be","start_time":27.428,"end_time":27.508},{"word":"very","start_time":27.548,"end_time":27.769},{"word":"helpful","start_time":27.809,"end_time":28.151},{"word":"to","start_time":28.191,"end_time":28.271},{"word":"users.","start_time":28.412,"end_time":28.713}]},{"transcript":"But when it comes to media content in","words":[{"word":"But","start_time":28.954,"end_time":29.054},{"word":"when","start_time":29.074,"end_time":29.195},{"word":"it","start_time":29.215,"end_time":29.275},{"word":"comes","start_time":29.315,"end_time":29.496},{"word":"to","start_time":29.536,"end_time":29.636},{"word":"media","start_time":29.697,"end_time":29.998},{"word":"content","start_time":30.058,"end_time":30.54},{"word":"in","start_time":30.56,"end_time":30.6}]},{"transcript":" general, as helpful as they are, there are also many considerations to be made mostly geared","words":[{"word":"general,","start_time":30.761,"end_time":31.243},{"word":"as","start_time":31.403,"end_time":31.464},{"word":"helpful","start_time":31.524,"end_time":31.865},{"word":"as","start_time":31.925,"end_time":32.006},{"word":"they","start_time":32.046,"end_time":32.187},{"word":"are,","start_time":32.247,"end_time":32.347},{"word":"there","start_time":32.508,"end_time":32.648},{"word":"are","start_time":32.709,"end_time":32.809},{"word":"also","start_time":32.889,"end_time":33.211},{"word":"many","start_time":33.291,"end_time":33.492},{"word":"considerations","start_time":33.552,"end_time":34.255},{"word":"to","start_time":34.295,"end_time":34.416},{"word":"be","start_time":34.456,"end_time":34.556},{"word":"made","start_time":34.596,"end_time":34.837},{"word":"mostly","start_time":34.998,"end_time":35.259},{"word":"geared","start_time":35.279,"end_time":35.46}]},{"transcript":" towards performance.","words":[{"word":"towards","start_time":35.821,"end_time":36.203},{"word":"performance.","start_time":36.283,"end_time":36.785}]},{"transcript":"You don't want such content slowing down your page and as a result affecting","words":[{"word":"You","start_time":36.946,"end_time":37.046},{"word":"don't","start_time":37.067,"end_time":37.207},{"word":"want","start_time":37.227,"end_time":37.368},{"word":"such","start_time":37.408,"end_time":37.589},{"word":"content","start_time":37.649,"end_time":38.091},{"word":"slowing","start_time":38.111,"end_time":38.392},{"word":"down","start_time":38.412,"end_time":38.593},{"word":"your","start_time":38.613,"end_time":38.773},{"word":"page","start_time":38.834,"end_time":39.195},{"word":"and","start_time":39.255,"end_time":39.336},{"word":"as","start_time":39.396,"end_time":39.496},{"word":"a","start_time":39.537,"end_time":39.577},{"word":"result","start_time":39.637,"end_time":40.119},{"word":"affecting","start_time":40.139,"end_time":40.32}]},{"transcript":" the experience of your users.","words":[{"word":"the","start_time":40.782,"end_time":40.882},{"word":"experience","start_time":40.922,"end_time":41.464},{"word":"of","start_time":41.525,"end_time":41.585},{"word":"your","start_time":41.645,"end_time":41.806},{"word":"users.","start_time":41.926,"end_time":42.248}]},{"transcript":"We've looked at how to optimize images in previous videos and you","words":[{"word":"We've","start_time":42.428,"end_time":42.569},{"word":"looked","start_time":42.589,"end_time":42.77},{"word":"at","start_time":42.79,"end_time":42.83},{"word":"how","start_time":42.87,"end_time":43.031},{"word":"to","start_time":43.051,"end_time":43.131},{"word":"optimize","start_time":43.171,"end_time":43.593},{"word":"images","start_time":43.653,"end_time":44.075},{"word":"in","start_time":44.195,"end_time":44.276},{"word":"previous","start_time":44.356,"end_time":44.718},{"word":"videos","start_time":44.758,"end_time":44.999},{"word":"and","start_time":45.019,"end_time":45.159},{"word":"you","start_time":45.179,"end_time":45.3}]},{"transcript":" should see one of those videos in the card at the top.","words":[{"word":"should","start_time":45.4,"end_time":45.541},{"word":"see","start_time":45.581,"end_time":45.682},{"word":"one","start_time":45.762,"end_time":45.843},{"word":"of","start_time":45.883,"end_time":45.963},{"word":"those","start_time":46.003,"end_time":46.164},{"word":"videos","start_time":46.224,"end_time":46.626},{"word":"in","start_time":46.968,"end_time":47.048},{"word":"the","start_time":47.068,"end_time":47.149},{"word":"card","start_time":47.209,"end_time":47.551},{"word":"at","start_time":47.651,"end_time":47.712},{"word":"the","start_time":47.732,"end_time":47.812},{"word":"top.","start_time":47.872,"end_time":48.093}]},{"transcript":"But in this video, we'll look at how does","words":[{"word":"But","start_time":48.335,"end_time":48.415},{"word":"in","start_time":48.435,"end_time":48.475},{"word":"this","start_time":48.495,"end_time":48.636},{"word":"video,","start_time":48.656,"end_time":48.797},{"word":"we'll","start_time":48.817,"end_time":48.917},{"word":"look","start_time":48.938,"end_time":49.098},{"word":"at","start_time":49.139,"end_time":49.199},{"word":"how","start_time":49.239,"end_time":49.34},{"word":"does","start_time":49.36,"end_time":49.44}]},{"transcript":" SDK can also be used for videos.","words":[{"word":"SDK","start_time":50.403,"end_time":50.827},{"word":"can","start_time":50.848,"end_time":51.009},{"word":"also","start_time":51.11,"end_time":51.352},{"word":"be","start_time":51.413,"end_time":51.494},{"word":"used","start_time":51.595,"end_time":51.736},{"word":"for","start_time":51.776,"end_time":51.897},{"word":"videos.","start_time":51.958,"end_time":52.12}]},{"transcript":" So let's see some examples.","words":[{"word":"So","start_time":52.442,"end_time":52.544},{"word":"let's","start_time":52.585,"end_time":52.748},{"word":"see","start_time":52.768,"end_time":52.83},{"word":"some","start_time":52.85,"end_time":53.013},{"word":"examples.","start_time":53.074,"end_time":53.36}]},{"transcript":"You should already have the Svelte Cloudinary SDK set up on your Svelte application.","words":[{"word":"You","start_time":53.701,"end_time":53.761},{"word":"should","start_time":53.781,"end_time":53.942},{"word":"already","start_time":53.962,"end_time":54.204},{"word":"have","start_time":54.264,"end_time":54.405},{"word":"the","start_time":54.425,"end_time":54.526},{"word":"Svelte","start_time":54.546,"end_time":54.787},{"word":"Cloudinary","start_time":54.827,"end_time":55.27},{"word":"SDK","start_time":55.371,"end_time":55.873},{"word":"set","start_time":55.934,"end_time":56.115},{"word":"up","start_time":56.155,"end_time":56.215},{"word":"on","start_time":56.276,"end_time":56.336},{"word":"your","start_time":56.356,"end_time":56.497},{"word":"Svelte","start_time":56.517,"end_time":56.738},{"word":"application.","start_time":56.759,"end_time":57}]},{"transcript":" Then the first thing you want to do is to import the CLD","words":[{"word":"Then","start_time":57.622,"end_time":57.742},{"word":"the","start_time":57.763,"end_time":57.843},{"word":"first","start_time":57.883,"end_time":58.065},{"word":"thing","start_time":58.105,"end_time":58.226},{"word":"you","start_time":58.246,"end_time":58.306},{"word":"want","start_time":58.327,"end_time":58.447},{"word":"to","start_time":58.488,"end_time":58.568},{"word":"do","start_time":58.609,"end_time":58.83},{"word":"is","start_time":59.032,"end_time":59.112},{"word":"to","start_time":59.153,"end_time":59.253},{"word":"import","start_time":59.314,"end_time":59.656},{"word":"the","start_time":59.696,"end_time":59.817},{"word":"CLD","start_time":59.858,"end_time":60.16}]},{"transcript":"video player component from the Svelte Cloudinary package.","words":[{"word":"video","start_time":60.361,"end_time":60.623},{"word":"player","start_time":60.643,"end_time":60.904},{"word":"component","start_time":60.965,"end_time":61.488},{"word":"from","start_time":61.649,"end_time":61.891},{"word":"the","start_time":61.931,"end_time":62.052},{"word":"Svelte","start_time":62.092,"end_time":62.354},{"word":"Cloudinary","start_time":62.374,"end_time":62.857},{"word":"package.","start_time":62.877,"end_time":63.058}]},{"transcript":" And now that we have that, I can use this with a video here.","words":[{"word":"And","start_time":63.821,"end_time":63.901},{"word":"now","start_time":63.921,"end_time":64.002},{"word":"that","start_time":64.022,"end_time":64.163},{"word":"we","start_time":64.183,"end_time":64.283},{"word":"have","start_time":64.324,"end_time":64.525},{"word":"that,","start_time":64.585,"end_time":64.807},{"word":"I","start_time":65.108,"end_time":65.189},{"word":"can","start_time":65.249,"end_time":65.45},{"word":"use","start_time":65.591,"end_time":65.732},{"word":"this","start_time":65.792,"end_time":66.014},{"word":"with","start_time":66.134,"end_time":66.336},{"word":"a","start_time":66.477,"end_time":66.517},{"word":"video","start_time":66.577,"end_time":66.919},{"word":"here.","start_time":66.939,"end_time":67.06}]},{"transcript":" I have this video on my Cloudinary dashboard with the name","words":[{"word":"I","start_time":67.381,"end_time":67.441},{"word":"have","start_time":67.482,"end_time":67.623},{"word":"this","start_time":67.663,"end_time":67.804},{"word":"video","start_time":67.824,"end_time":68.046},{"word":"on","start_time":68.066,"end_time":68.126},{"word":"my","start_time":68.166,"end_time":68.267},{"word":"Cloudinary","start_time":68.307,"end_time":68.77},{"word":"dashboard","start_time":68.811,"end_time":69.375},{"word":"with","start_time":69.596,"end_time":69.878},{"word":"the","start_time":69.938,"end_time":70.039},{"word":"name","start_time":70.099,"end_time":70.18}]},{"transcript":" CLD sample video in the folder samples, so I can pass that as a public","words":[{"word":"CLD","start_time":70.401,"end_time":70.803},{"word":"sample","start_time":70.843,"end_time":71.164},{"word":"video","start_time":71.184,"end_time":71.566},{"word":"in","start_time":71.747,"end_time":71.807},{"word":"the","start_time":71.847,"end_time":71.908},{"word":"folder","start_time":71.988,"end_time":72.45},{"word":"samples,","start_time":72.53,"end_time":73.093},{"word":"so","start_time":73.253,"end_time":73.374},{"word":"I","start_time":73.434,"end_time":73.474},{"word":"can","start_time":73.514,"end_time":73.695},{"word":"pass","start_time":73.756,"end_time":73.997},{"word":"that","start_time":74.057,"end_time":74.258},{"word":"as","start_time":74.358,"end_time":74.459},{"word":"a","start_time":74.519,"end_time":74.539},{"word":"public","start_time":74.599,"end_time":74.78}]},{"transcript":" ID to the SRC attribute with my width and height dimensions.","words":[{"word":"ID","start_time":75.142,"end_time":75.483},{"word":"to","start_time":75.624,"end_time":75.745},{"word":"the","start_time":75.765,"end_time":75.845},{"word":"SRC","start_time":76.046,"end_time":76.448},{"word":"attribute","start_time":76.549,"end_time":76.991},{"word":"with","start_time":77.091,"end_time":77.333},{"word":"my","start_time":77.433,"end_time":77.654},{"word":"width","start_time":77.755,"end_time":77.996},{"word":"and","start_time":78.076,"end_time":78.157},{"word":"height","start_time":78.217,"end_time":78.438},{"word":"dimensions.","start_time":78.478,"end_time":78.84}]},{"transcript":" And coming back to this application, I now have this video.","words":[{"word":"And","start_time":79.391,"end_time":79.451},{"word":"coming","start_time":79.491,"end_time":79.653},{"word":"back","start_time":79.693,"end_time":79.814},{"word":"to","start_time":79.854,"end_time":79.915},{"word":"this","start_time":79.955,"end_time":80.076},{"word":"application,","start_time":80.116,"end_time":80.741},{"word":"I","start_time":80.761,"end_time":80.781},{"word":"now","start_time":81.043,"end_time":81.204},{"word":"have","start_time":81.244,"end_time":81.486},{"word":"this","start_time":81.647,"end_time":81.829},{"word":"video.","start_time":81.849,"end_time":82.03}]},{"transcript":" And just by doing this with this component, thanks to Cloudinary,","words":[{"word":"And","start_time":82.451,"end_time":82.532},{"word":"just","start_time":82.552,"end_time":82.753},{"word":"by","start_time":82.774,"end_time":82.915},{"word":"doing","start_time":82.975,"end_time":83.197},{"word":"this","start_time":83.217,"end_time":83.378},{"word":"with","start_time":83.418,"end_time":83.559},{"word":"this","start_time":83.579,"end_time":83.74},{"word":"component,","start_time":83.781,"end_time":84.365},{"word":"thanks","start_time":84.465,"end_time":84.687},{"word":"to","start_time":84.707,"end_time":84.808},{"word":"Cloudinary,","start_time":84.828,"end_time":85.13}]},{"transcript":" we already get an optimized version of this video, which results in good user experience.","words":[{"word":"we","start_time":85.531,"end_time":85.631},{"word":"already","start_time":85.671,"end_time":85.932},{"word":"get","start_time":85.992,"end_time":86.213},{"word":"an","start_time":86.394,"end_time":86.434},{"word":"optimized","start_time":86.715,"end_time":87.357},{"word":"version","start_time":87.498,"end_time":87.939},{"word":"of","start_time":88.18,"end_time":88.261},{"word":"this","start_time":88.361,"end_time":88.542},{"word":"video,","start_time":88.602,"end_time":88.923},{"word":"which","start_time":88.983,"end_time":89.164},{"word":"results","start_time":89.184,"end_time":89.625},{"word":"in","start_time":89.726,"end_time":89.806},{"word":"good","start_time":89.866,"end_time":90.087},{"word":"user","start_time":90.308,"end_time":90.589},{"word":"experience.","start_time":90.689,"end_time":90.89}]},{"transcript":" But there are other things you can do with this component to customize how it looks.","words":[{"word":"But","start_time":91.27,"end_time":91.351},{"word":"there","start_time":91.391,"end_time":91.512},{"word":"are","start_time":91.532,"end_time":91.612},{"word":"other","start_time":91.652,"end_time":91.853},{"word":"things","start_time":91.893,"end_time":92.094},{"word":"you","start_time":92.134,"end_time":92.235},{"word":"can","start_time":92.255,"end_time":92.436},{"word":"do","start_time":92.496,"end_time":92.657},{"word":"with","start_time":92.737,"end_time":92.878},{"word":"this","start_time":92.898,"end_time":93.059},{"word":"component","start_time":93.119,"end_time":93.641},{"word":"to","start_time":93.702,"end_time":93.822},{"word":"customize","start_time":93.883,"end_time":94.465},{"word":"how","start_time":94.546,"end_time":94.807},{"word":"it","start_time":94.988,"end_time":95.068},{"word":"looks.","start_time":95.349,"end_time":95.47}]},{"transcript":" And one thing you can do with this component is to customize the colors on the UI.","words":[{"word":"And","start_time":95.791,"end_time":95.871},{"word":"one","start_time":95.951,"end_time":96.012},{"word":"thing","start_time":96.032,"end_time":96.132},{"word":"you","start_time":96.153,"end_time":96.213},{"word":"can","start_time":96.233,"end_time":96.354},{"word":"do","start_time":96.374,"end_time":96.474},{"word":"with","start_time":96.494,"end_time":96.595},{"word":"this","start_time":96.635,"end_time":96.756},{"word":"component","start_time":96.796,"end_time":97.279},{"word":"is","start_time":97.359,"end_time":97.42},{"word":"to","start_time":97.44,"end_time":97.54},{"word":"customize","start_time":97.6,"end_time":98.204},{"word":"the","start_time":98.264,"end_time":98.445},{"word":"colors","start_time":98.546,"end_time":98.948},{"word":"on","start_time":99.028,"end_time":99.089},{"word":"the","start_time":99.129,"end_time":99.209},{"word":"UI.","start_time":99.229,"end_time":99.29}]},{"transcript":" So by specifying this object to the colors property, accent of orange,","words":[{"word":"So","start_time":99.751,"end_time":99.872},{"word":"by","start_time":99.912,"end_time":100.032},{"word":"specifying","start_time":100.093,"end_time":100.695},{"word":"this","start_time":100.736,"end_time":100.876},{"word":"object","start_time":100.997,"end_time":101.298},{"word":"to","start_time":101.359,"end_time":101.499},{"word":"the","start_time":101.539,"end_time":101.64},{"word":"colors","start_time":101.7,"end_time":102.122},{"word":"property,","start_time":102.263,"end_time":102.785},{"word":"accent","start_time":103.127,"end_time":103.468},{"word":"of","start_time":103.509,"end_time":103.549},{"word":"orange,","start_time":103.569,"end_time":103.79}]},{"transcript":" base of light green, text of black, by coming here, if I play the","words":[{"word":"base","start_time":104.251,"end_time":104.632},{"word":"of","start_time":104.713,"end_time":104.813},{"word":"light","start_time":104.914,"end_time":105.115},{"word":"green,","start_time":105.175,"end_time":105.476},{"word":"text","start_time":105.657,"end_time":105.878},{"word":"of","start_time":105.938,"end_time":106.039},{"word":"black,","start_time":106.099,"end_time":106.421},{"word":"by","start_time":106.481,"end_time":106.622},{"word":"coming","start_time":106.662,"end_time":106.943},{"word":"here,","start_time":107.023,"end_time":107.285},{"word":"if","start_time":107.305,"end_time":107.345},{"word":"I","start_time":107.666,"end_time":107.747},{"word":"play","start_time":107.928,"end_time":108.068},{"word":"the","start_time":108.189,"end_time":108.33}]},{"transcript":" video you can already see that we have the theme changed another thing you can change is the font","words":[{"word":"video","start_time":108.54,"end_time":108.902},{"word":"you","start_time":109.062,"end_time":109.163},{"word":"can","start_time":109.183,"end_time":109.364},{"word":"already","start_time":109.444,"end_time":109.725},{"word":"see","start_time":109.806,"end_time":110.006},{"word":"that","start_time":110.047,"end_time":110.207},{"word":"we","start_time":110.227,"end_time":110.368},{"word":"have","start_time":110.388,"end_time":110.649},{"word":"the","start_time":110.729,"end_time":110.87},{"word":"theme","start_time":110.93,"end_time":111.252},{"word":"changed","start_time":111.453,"end_time":111.834},{"word":"another","start_time":111.995,"end_time":112.156},{"word":"thing","start_time":112.176,"end_time":112.296},{"word":"you","start_time":112.336,"end_time":112.417},{"word":"can","start_time":112.437,"end_time":112.577},{"word":"change","start_time":112.638,"end_time":112.859},{"word":"is","start_time":112.899,"end_time":112.959},{"word":"the","start_time":112.979,"end_time":113.059},{"word":"font","start_time":113.08,"end_time":113.18}]},{"transcript":" family so if I specify a font face and I use monospace for example the text on the controls","words":[{"word":"family","start_time":113.361,"end_time":113.742},{"word":"so","start_time":113.782,"end_time":113.902},{"word":"if","start_time":113.942,"end_time":114.043},{"word":"I","start_time":114.083,"end_time":114.163},{"word":"specify","start_time":114.203,"end_time":114.785},{"word":"a","start_time":114.945,"end_time":115.046},{"word":"font","start_time":115.286,"end_time":115.527},{"word":"face","start_time":115.567,"end_time":115.868},{"word":"and","start_time":116.249,"end_time":116.35},{"word":"I","start_time":116.49,"end_time":116.55},{"word":"use","start_time":116.731,"end_time":116.911},{"word":"monospace","start_time":117.012,"end_time":117.613},{"word":"for","start_time":117.633,"end_time":117.774},{"word":"example","start_time":117.834,"end_time":118.295},{"word":"the","start_time":118.315,"end_time":118.636},{"word":"text","start_time":118.697,"end_time":119.018},{"word":"on","start_time":119.198,"end_time":119.278},{"word":"the","start_time":119.318,"end_time":119.399},{"word":"controls","start_time":119.479,"end_time":119.82}]},{"transcript":" and now I'm going to have that font family let's look at another example you can also apply","words":[{"word":"and","start_time":120.181,"end_time":120.282},{"word":"now","start_time":120.322,"end_time":120.443},{"word":"I'm","start_time":120.463,"end_time":120.523},{"word":"going","start_time":120.543,"end_time":120.724},{"word":"to","start_time":120.784,"end_time":120.884},{"word":"have","start_time":120.945,"end_time":121.206},{"word":"that","start_time":121.346,"end_time":121.547},{"word":"font","start_time":121.668,"end_time":121.949},{"word":"family","start_time":122.089,"end_time":122.411},{"word":"let's","start_time":122.571,"end_time":122.732},{"word":"look","start_time":122.752,"end_time":122.873},{"word":"at","start_time":122.893,"end_time":122.953},{"word":"another","start_time":122.973,"end_time":123.214},{"word":"example","start_time":123.254,"end_time":123.756},{"word":"you","start_time":123.857,"end_time":123.957},{"word":"can","start_time":123.997,"end_time":124.118},{"word":"also","start_time":124.238,"end_time":124.479},{"word":"apply","start_time":124.499,"end_time":124.7}]},{"transcript":" transformations here I apply a transformation where I use an image I have in cloudinary","words":[{"word":"transformations","start_time":125.182,"end_time":126.065},{"word":"here","start_time":126.305,"end_time":126.566},{"word":"I","start_time":126.646,"end_time":126.707},{"word":"apply","start_time":126.767,"end_time":127.248},{"word":"a","start_time":127.409,"end_time":127.489},{"word":"transformation","start_time":127.57,"end_time":128.372},{"word":"where","start_time":128.432,"end_time":128.713},{"word":"I","start_time":128.794,"end_time":128.854},{"word":"use","start_time":129.054,"end_time":129.195},{"word":"an","start_time":129.315,"end_time":129.396},{"word":"image","start_time":129.516,"end_time":129.777},{"word":"I","start_time":129.877,"end_time":129.937},{"word":"have","start_time":129.977,"end_time":130.238},{"word":"in","start_time":130.339,"end_time":130.399},{"word":"cloudinary","start_time":130.439,"end_time":130.74}]},{"transcript":" specify a width for that image and position that image where I would like it to be on the video","words":[{"word":"specify","start_time":131.222,"end_time":131.744},{"word":"a","start_time":131.764,"end_time":131.784},{"word":"width","start_time":131.804,"end_time":131.985},{"word":"for","start_time":132.005,"end_time":132.105},{"word":"that","start_time":132.125,"end_time":132.306},{"word":"image","start_time":132.406,"end_time":132.888},{"word":"and","start_time":133.049,"end_time":133.169},{"word":"position","start_time":133.27,"end_time":133.812},{"word":"that","start_time":133.892,"end_time":134.093},{"word":"image","start_time":134.253,"end_time":134.575},{"word":"where","start_time":134.615,"end_time":134.735},{"word":"I","start_time":134.755,"end_time":134.836},{"word":"would","start_time":134.856,"end_time":135.016},{"word":"like","start_time":135.056,"end_time":135.217},{"word":"it","start_time":135.257,"end_time":135.338},{"word":"to","start_time":135.378,"end_time":135.438},{"word":"be","start_time":135.478,"end_time":135.578},{"word":"on","start_time":135.619,"end_time":135.699},{"word":"the","start_time":135.719,"end_time":135.799},{"word":"video","start_time":135.839,"end_time":135.98}]},{"transcript":" And if I play this video, you can see the logo at the bottom right.","words":[{"word":"And","start_time":138.022,"end_time":138.102},{"word":"if","start_time":138.142,"end_time":138.203},{"word":"I","start_time":138.263,"end_time":138.343},{"word":"play","start_time":138.383,"end_time":138.585},{"word":"this","start_time":138.605,"end_time":138.705},{"word":"video,","start_time":138.745,"end_time":139.148},{"word":"you","start_time":139.208,"end_time":139.329},{"word":"can","start_time":139.369,"end_time":139.57},{"word":"see","start_time":139.63,"end_time":139.851},{"word":"the","start_time":139.912,"end_time":140.012},{"word":"logo","start_time":140.052,"end_time":140.374},{"word":"at","start_time":140.495,"end_time":140.595},{"word":"the","start_time":140.696,"end_time":140.837},{"word":"bottom","start_time":140.937,"end_time":141.319},{"word":"right.","start_time":141.339,"end_time":141.44}]},{"transcript":" You can think of this example as a watermark, but you can apply even more transformations.","words":[{"word":"You","start_time":141.7,"end_time":141.921},{"word":"can","start_time":141.942,"end_time":142.082},{"word":"think","start_time":142.122,"end_time":142.303},{"word":"of","start_time":142.323,"end_time":142.384},{"word":"this","start_time":142.404,"end_time":142.545},{"word":"example","start_time":142.605,"end_time":142.987},{"word":"as","start_time":143.047,"end_time":143.127},{"word":"a","start_time":143.188,"end_time":143.208},{"word":"watermark,","start_time":143.268,"end_time":143.851},{"word":"but","start_time":143.911,"end_time":144.032},{"word":"you","start_time":144.052,"end_time":144.112},{"word":"can","start_time":144.132,"end_time":144.273},{"word":"apply","start_time":144.313,"end_time":144.655},{"word":"even","start_time":144.756,"end_time":144.957},{"word":"more","start_time":145.037,"end_time":145.218},{"word":"transformations.","start_time":145.298,"end_time":145.66}]},{"transcript":" Let's look at more examples.","words":[{"word":"Let's","start_time":146.323,"end_time":146.465},{"word":"look","start_time":146.486,"end_time":146.608},{"word":"at","start_time":146.649,"end_time":146.71},{"word":"more","start_time":146.73,"end_time":146.873},{"word":"examples.","start_time":146.914,"end_time":147.24}]},{"transcript":" You can see when I play this video, it has the Cloudinary logo here,","words":[{"word":"You","start_time":147.602,"end_time":147.682},{"word":"can","start_time":147.722,"end_time":147.883},{"word":"see","start_time":147.903,"end_time":148.064},{"word":"when","start_time":148.124,"end_time":148.305},{"word":"I","start_time":148.386,"end_time":148.486},{"word":"play","start_time":148.546,"end_time":148.747},{"word":"this","start_time":148.767,"end_time":148.888},{"word":"video,","start_time":148.928,"end_time":149.27},{"word":"it","start_time":149.471,"end_time":149.572},{"word":"has","start_time":149.592,"end_time":149.833},{"word":"the","start_time":149.853,"end_time":149.953},{"word":"Cloudinary","start_time":149.974,"end_time":150.617},{"word":"logo","start_time":150.798,"end_time":151.039},{"word":"here,","start_time":151.059,"end_time":151.139}]},{"transcript":" of which when I click on it, it takes me to Cloudinary.com.","words":[{"word":"of","start_time":151.722,"end_time":151.782},{"word":"which","start_time":151.843,"end_time":151.984},{"word":"when","start_time":152.044,"end_time":152.185},{"word":"I","start_time":152.226,"end_time":152.326},{"word":"click","start_time":152.427,"end_time":152.648},{"word":"on","start_time":152.689,"end_time":152.769},{"word":"it,","start_time":152.85,"end_time":152.951},{"word":"it","start_time":153.011,"end_time":153.071},{"word":"takes","start_time":153.112,"end_time":153.293},{"word":"me","start_time":153.313,"end_time":153.394},{"word":"to","start_time":153.434,"end_time":153.514},{"word":"Cloudinary.com.","start_time":153.555,"end_time":154.119}]},{"transcript":" But I can also customize that by passing a logo property with an object","words":[{"word":"But","start_time":154.601,"end_time":154.701},{"word":"I","start_time":154.741,"end_time":154.781},{"word":"can","start_time":154.822,"end_time":154.942},{"word":"also","start_time":155.002,"end_time":155.183},{"word":"customize","start_time":155.244,"end_time":155.826},{"word":"that","start_time":155.866,"end_time":156.067},{"word":"by","start_time":156.288,"end_time":156.449},{"word":"passing","start_time":156.529,"end_time":157.011},{"word":"a","start_time":157.032,"end_time":157.052},{"word":"logo","start_time":157.333,"end_time":157.634},{"word":"property","start_time":157.695,"end_time":158.217},{"word":"with","start_time":158.297,"end_time":158.458},{"word":"an","start_time":158.518,"end_time":158.579},{"word":"object","start_time":158.739,"end_time":158.9}]},{"transcript":" where I have what the destination of that logo is going to be when it's clicked.","words":[{"word":"where","start_time":159.342,"end_time":159.583},{"word":"I","start_time":159.604,"end_time":159.624},{"word":"have","start_time":159.664,"end_time":159.845},{"word":"what","start_time":159.885,"end_time":160.026},{"word":"the","start_time":160.046,"end_time":160.126},{"word":"destination","start_time":160.187,"end_time":160.81},{"word":"of","start_time":160.95,"end_time":161.031},{"word":"that","start_time":161.111,"end_time":161.292},{"word":"logo","start_time":161.493,"end_time":161.795},{"word":"is","start_time":161.835,"end_time":161.895},{"word":"going","start_time":161.915,"end_time":162.076},{"word":"to","start_time":162.116,"end_time":162.177},{"word":"be","start_time":162.217,"end_time":162.297},{"word":"when","start_time":162.317,"end_time":162.438},{"word":"it's","start_time":162.478,"end_time":162.599},{"word":"clicked.","start_time":162.679,"end_time":162.82}]},{"transcript":" And I also have the image URL.","words":[{"word":"And","start_time":163.102,"end_time":163.203},{"word":"I","start_time":163.223,"end_time":163.244},{"word":"also","start_time":163.304,"end_time":163.547},{"word":"have","start_time":163.608,"end_time":163.851},{"word":"the","start_time":163.911,"end_time":164.033},{"word":"image","start_time":164.154,"end_time":164.437},{"word":"URL.","start_time":164.457,"end_time":164.518}]},{"transcript":" Now, if I should play this video, you can...","words":[{"word":"Now,","start_time":165.344,"end_time":165.525},{"word":"if","start_time":165.586,"end_time":165.667},{"word":"I","start_time":165.748,"end_time":165.808},{"word":"should","start_time":165.889,"end_time":166.111},{"word":"play","start_time":166.172,"end_time":166.374},{"word":"this","start_time":166.394,"end_time":166.516},{"word":"video,","start_time":166.556,"end_time":166.758},{"word":"you","start_time":166.778,"end_time":166.859},{"word":"can...","start_time":166.879,"end_time":166.94}]},{"transcript":" And see, I have this logo here instead of the Cloudinary logo that it was before.","words":[{"word":"And","start_time":166.96,"end_time":167.081},{"word":"see,","start_time":167.141,"end_time":167.362},{"word":"I","start_time":167.543,"end_time":167.643},{"word":"have","start_time":167.683,"end_time":167.965},{"word":"this","start_time":168.165,"end_time":168.386},{"word":"logo","start_time":168.547,"end_time":168.889},{"word":"here","start_time":168.929,"end_time":169.19},{"word":"instead","start_time":169.371,"end_time":169.592},{"word":"of","start_time":169.612,"end_time":169.692},{"word":"the","start_time":169.713,"end_time":169.793},{"word":"Cloudinary","start_time":169.813,"end_time":170.275},{"word":"logo","start_time":170.315,"end_time":170.597},{"word":"that","start_time":170.617,"end_time":170.737},{"word":"it","start_time":170.777,"end_time":170.818},{"word":"was","start_time":170.878,"end_time":171.119},{"word":"before.","start_time":171.219,"end_time":171.36}]},{"transcript":" And one last example, you can listen to some events on the video player.","words":[{"word":"And","start_time":171.781,"end_time":171.882},{"word":"one","start_time":171.962,"end_time":172.063},{"word":"last","start_time":172.103,"end_time":172.304},{"word":"example,","start_time":172.384,"end_time":172.747},{"word":"you","start_time":172.787,"end_time":172.867},{"word":"can","start_time":172.887,"end_time":173.028},{"word":"listen","start_time":173.048,"end_time":173.33},{"word":"to","start_time":173.39,"end_time":173.511},{"word":"some","start_time":173.592,"end_time":173.813},{"word":"events","start_time":173.913,"end_time":174.276},{"word":"on","start_time":174.396,"end_time":174.477},{"word":"the","start_time":174.517,"end_time":174.597},{"word":"video","start_time":174.638,"end_time":174.859},{"word":"player.","start_time":174.879,"end_time":175.04}]},{"transcript":" You have events like onPause and onPlay.","words":[{"word":"You","start_time":175.482,"end_time":175.603},{"word":"have","start_time":175.623,"end_time":175.784},{"word":"events","start_time":175.845,"end_time":176.147},{"word":"like","start_time":176.187,"end_time":176.369},{"word":"onPause","start_time":176.51,"end_time":177.054},{"word":"and","start_time":177.276,"end_time":177.397},{"word":"onPlay.","start_time":177.558,"end_time":177.76}]},{"transcript":" And this allows you to execute code when these events are triggered.","words":[{"word":"And","start_time":178.141,"end_time":178.222},{"word":"this","start_time":178.242,"end_time":178.363},{"word":"allows","start_time":178.403,"end_time":178.665},{"word":"you","start_time":178.685,"end_time":178.786},{"word":"to","start_time":178.806,"end_time":178.887},{"word":"execute","start_time":178.947,"end_time":179.35},{"word":"code","start_time":179.41,"end_time":179.692},{"word":"when","start_time":179.712,"end_time":179.833},{"word":"these","start_time":179.873,"end_time":180.014},{"word":"events","start_time":180.075,"end_time":180.417},{"word":"are","start_time":180.518,"end_time":180.619},{"word":"triggered.","start_time":180.639,"end_time":180.82}]},{"transcript":" So let me open my console here.","words":[{"word":"So","start_time":181.121,"end_time":181.323},{"word":"let","start_time":181.445,"end_time":181.566},{"word":"me","start_time":181.586,"end_time":181.667},{"word":"open","start_time":181.788,"end_time":182.051},{"word":"my","start_time":182.112,"end_time":182.273},{"word":"console","start_time":182.375,"end_time":182.738},{"word":"here.","start_time":182.759,"end_time":182.84}]},{"transcript":" For the onPause, I do console.log video is paused.","words":[{"word":"For","start_time":183.222,"end_time":183.343},{"word":"the","start_time":183.363,"end_time":183.463},{"word":"onPause,","start_time":183.504,"end_time":184.008},{"word":"I","start_time":184.169,"end_time":184.229},{"word":"do","start_time":184.27,"end_time":184.431},{"word":"console.log","start_time":184.491,"end_time":184.975},{"word":"video","start_time":184.995,"end_time":185.137},{"word":"is","start_time":185.157,"end_time":185.217},{"word":"paused.","start_time":185.237,"end_time":185.378}]},{"transcript":" And then I log the current time, which I get from the player argument object that is passed to the callback function.","words":[{"word":"And","start_time":185.961,"end_time":186.041},{"word":"then","start_time":186.081,"end_time":186.241},{"word":"I","start_time":186.342,"end_time":186.402},{"word":"log","start_time":186.482,"end_time":186.783},{"word":"the","start_time":186.863,"end_time":187.084},{"word":"current","start_time":187.204,"end_time":187.606},{"word":"time,","start_time":187.646,"end_time":187.906},{"word":"which","start_time":188.087,"end_time":188.247},{"word":"I","start_time":188.368,"end_time":188.428},{"word":"get","start_time":188.488,"end_time":188.689},{"word":"from","start_time":188.729,"end_time":188.909},{"word":"the","start_time":188.95,"end_time":189.05},{"word":"player","start_time":189.13,"end_time":189.431},{"word":"argument","start_time":189.531,"end_time":190.013},{"word":"object","start_time":190.113,"end_time":190.474},{"word":"that","start_time":190.635,"end_time":190.775},{"word":"is","start_time":190.835,"end_time":190.915},{"word":"passed","start_time":191.036,"end_time":191.337},{"word":"to","start_time":191.457,"end_time":191.678},{"word":"the","start_time":191.738,"end_time":191.818},{"word":"callback","start_time":191.878,"end_time":192.239},{"word":"function.","start_time":192.279,"end_time":192.46}]},{"transcript":" And for onPlay, I have something similar.","words":[{"word":"And","start_time":192.902,"end_time":192.983},{"word":"for","start_time":193.044,"end_time":193.205},{"word":"onPlay,","start_time":193.286,"end_time":193.771},{"word":"I","start_time":193.872,"end_time":193.932},{"word":"have","start_time":193.973,"end_time":194.114},{"word":"something","start_time":194.175,"end_time":194.538},{"word":"similar.","start_time":194.578,"end_time":194.74}]},{"transcript":" Console.log video is played.","words":[{"word":"Console.log","start_time":195.103,"end_time":195.611},{"word":"video","start_time":195.652,"end_time":195.855},{"word":"is","start_time":195.896,"end_time":195.977},{"word":"played.","start_time":195.998,"end_time":196.14}]},{"transcript":" And then I get the current time.","words":[{"word":"And","start_time":196.434,"end_time":196.515},{"word":"then","start_time":196.535,"end_time":196.657},{"word":"I","start_time":196.698,"end_time":196.779},{"word":"get","start_time":196.799,"end_time":196.941},{"word":"the","start_time":196.982,"end_time":197.063},{"word":"current","start_time":197.104,"end_time":197.408},{"word":"time.","start_time":197.429,"end_time":197.51}]},{"transcript":" And now if I play this video, you can see that the event is triggered and my callback runs here.","words":[{"word":"And","start_time":197.771,"end_time":197.851},{"word":"now","start_time":197.891,"end_time":197.991},{"word":"if","start_time":198.052,"end_time":198.112},{"word":"I","start_time":198.192,"end_time":198.273},{"word":"play","start_time":198.534,"end_time":198.694},{"word":"this","start_time":198.714,"end_time":198.875},{"word":"video,","start_time":198.915,"end_time":199.256},{"word":"you","start_time":199.297,"end_time":199.397},{"word":"can","start_time":199.437,"end_time":199.618},{"word":"see","start_time":199.658,"end_time":199.819},{"word":"that","start_time":199.859,"end_time":200.039},{"word":"the","start_time":200.2,"end_time":200.441},{"word":"event","start_time":200.682,"end_time":200.983},{"word":"is","start_time":201.043,"end_time":201.104},{"word":"triggered","start_time":201.164,"end_time":201.525},{"word":"and","start_time":201.585,"end_time":201.646},{"word":"my","start_time":201.686,"end_time":201.806},{"word":"callback","start_time":201.887,"end_time":202.368},{"word":"runs","start_time":202.429,"end_time":202.65},{"word":"here.","start_time":202.67,"end_time":202.77}]},{"transcript":" And if I pause this video, it also runs and I have this.","words":[{"word":"And","start_time":203.191,"end_time":203.272},{"word":"if","start_time":203.332,"end_time":203.392},{"word":"I","start_time":203.493,"end_time":203.594},{"word":"pause","start_time":203.795,"end_time":204.016},{"word":"this","start_time":204.056,"end_time":204.197},{"word":"video,","start_time":204.217,"end_time":204.579},{"word":"it","start_time":204.821,"end_time":204.901},{"word":"also","start_time":204.982,"end_time":205.284},{"word":"runs","start_time":205.324,"end_time":205.606},{"word":"and","start_time":205.666,"end_time":205.766},{"word":"I","start_time":205.807,"end_time":205.847},{"word":"have","start_time":205.907,"end_time":206.129},{"word":"this.","start_time":206.149,"end_time":206.35}]},{"transcript":" You can use this event for many other interesting things depending on your use case.","words":[{"word":"You","start_time":206.711,"end_time":206.791},{"word":"can","start_time":206.812,"end_time":206.932},{"word":"use","start_time":207.013,"end_time":207.113},{"word":"this","start_time":207.133,"end_time":207.274},{"word":"event","start_time":207.334,"end_time":207.636},{"word":"for","start_time":207.696,"end_time":207.877},{"word":"many","start_time":207.998,"end_time":208.159},{"word":"other","start_time":208.199,"end_time":208.42},{"word":"interesting","start_time":208.46,"end_time":208.943},{"word":"things","start_time":208.983,"end_time":209.224},{"word":"depending","start_time":209.265,"end_time":209.647},{"word":"on","start_time":209.667,"end_time":209.727},{"word":"your","start_time":209.747,"end_time":209.848},{"word":"use","start_time":209.968,"end_time":210.089},{"word":"case.","start_time":210.149,"end_time":210.25}]},{"transcript":" And you can also refer to the configuration page for this component where you can see the different properties available to you, the different events that you can listen to and many more.","words":[{"word":"And","start_time":210.53,"end_time":210.59},{"word":"you","start_time":210.61,"end_time":210.671},{"word":"can","start_time":210.691,"end_time":210.811},{"word":"also","start_time":210.871,"end_time":211.112},{"word":"refer","start_time":211.172,"end_time":211.493},{"word":"to","start_time":211.533,"end_time":211.633},{"word":"the","start_time":211.693,"end_time":211.793},{"word":"configuration","start_time":211.874,"end_time":212.595},{"word":"page","start_time":212.656,"end_time":212.856},{"word":"for","start_time":212.876,"end_time":212.976},{"word":"this","start_time":213.016,"end_time":213.137},{"word":"component","start_time":213.197,"end_time":213.738},{"word":"where","start_time":213.798,"end_time":213.899},{"word":"you","start_time":213.919,"end_time":213.979},{"word":"can","start_time":213.999,"end_time":214.079},{"word":"see","start_time":214.099,"end_time":214.199},{"word":"the","start_time":214.239,"end_time":214.32},{"word":"different","start_time":214.34,"end_time":214.58},{"word":"properties","start_time":214.6,"end_time":215.041},{"word":"available","start_time":215.102,"end_time":215.543},{"word":"to","start_time":215.583,"end_time":215.683},{"word":"you,","start_time":215.743,"end_time":215.944},{"word":"the","start_time":215.984,"end_time":216.084},{"word":"different","start_time":216.104,"end_time":216.445},{"word":"events","start_time":216.485,"end_time":216.786},{"word":"that","start_time":216.806,"end_time":216.906},{"word":"you","start_time":216.926,"end_time":216.986},{"word":"can","start_time":217.006,"end_time":217.147},{"word":"listen","start_time":217.187,"end_time":217.467},{"word":"to","start_time":217.527,"end_time":217.708},{"word":"and","start_time":217.908,"end_time":217.989},{"word":"many","start_time":218.069,"end_time":218.229},{"word":"more.","start_time":218.269,"end_time":218.37}]},{"transcript":" Next up, let's learn how to upload videos or other media files from your Svelte application to Cloudinary.","words":[{"word":"Next","start_time":218.931,"end_time":219.111},{"word":"up,","start_time":219.272,"end_time":219.392},{"word":"let's","start_time":219.432,"end_time":219.613},{"word":"learn","start_time":219.633,"end_time":219.773},{"word":"how","start_time":219.794,"end_time":219.934},{"word":"to","start_time":219.974,"end_time":220.054},{"word":"upload","start_time":220.115,"end_time":220.436},{"word":"videos","start_time":220.496,"end_time":220.998},{"word":"or","start_time":221.118,"end_time":221.198},{"word":"other","start_time":221.319,"end_time":221.519},{"word":"media","start_time":221.6,"end_time":221.881},{"word":"files","start_time":221.941,"end_time":222.302},{"word":"from","start_time":222.623,"end_time":222.743},{"word":"your","start_time":222.784,"end_time":222.904},{"word":"Svelte","start_time":222.924,"end_time":223.245},{"word":"application","start_time":223.285,"end_time":223.907},{"word":"to","start_time":223.947,"end_time":224.188},{"word":"Cloudinary.","start_time":224.369,"end_time":224.71}]}]