Video-Player | SwiftUI project is practice to download videos | Frontend Framework library

I want to download videos from a website.

Here is my code. Every time when i run this code, it returns blank file. Here is live code: https://colab.research.google.com/drive/19NDLYHI2n9rG6KeBCiv9vKXdwb5JL9Nb?usp=sharing

I'm trying to see if I need to import a VTT parser or if it's possible for me to get HTML from . It seems like the browser support exists already for parsing HTML to show atop a video but I can't find a way to access it outside of a video.

how could I achieve something like this:

Problem: I am having a problem with sizing images inside css grid column/rows. I essentially object-fit: contain the imagesinside their individual cells.

1. The image in "SPOT 4" is not filling the given space
2. If you uncomment the image in "SPOT 1", it will cover the entire grid and is not confined to its own css grid cell.

I have tried setting max-width, object-fit and others on the video level and .channel-container level with no success.

Background: The .parent-trap css class is just an example height/width. This will vary, it may be the entire browser window, or it may be small so I cannot depend on any specific min/max dimensions. There are also other .display4 in the full version that sometimes shows a single video that fills the whole grid, side by side that only shows 2 at a time etc, so any specific dimensions also tend to break individual .display*

I have a div in which I am playing a video using a video tag. The problem is before playing the video I am calculating the ratio between the div and video and I am getting undefined if I console the out in the browser console.

I am building a react video component based on VideoJS and I used to style VideoJS player using a stylesheet of mine but since I import it as recommended by Next.js documentation, some class targeting seem not to work properly and my custom CSS does not apply to .video-js css components.

This works:

I'm building a simple Dash app, including an html.Video() component. The issue is that local video files aren't playing (videos hosted online are working fine).

I try to use swiper as alternative to ion-slides because i can't use it for dynamic render.

I have installed swiper@7.0.1 in package.json correctly, but when import the packages according to the swiper docs in the Vue component (Home.vue), the CLI response the next error:

I am new to videojs and lightning.js. I tried using document.querySelector but still getting the same error. I thought maybe because of browser, so I tried in chrome, firefox, edge.

TypeError: The element or ID supplied is not valid. (videojs) at videojs (video.es.js:27887) at Function._template (App.js:19) at Function.getTemplateFunc (lightning.js:9068) at new Component (lightning.js:9016) at new App (App.js:4) at Stage.element (lightning.js:13634) at Stage.c (lightning.js:13642) at index.js:117 ,i am getting error in this line -> var player = videojs('myvideo')

The expo-video-player repo with custom control has been very helpful to me (this is the link of the repo I based from). I was wondering how can I make a function where I can do something when the video ends (like alert "The video ends").

Code: This is what I have tried so far: