iframe | higher level api for creating and using iframes in browsers | Computer Vision library

I've been using the YouTube IFrame API to shuffle multiple of my playlists together. I've got a very bare-bones HTML page with a 'next' and 'previous' button, and a bunch of javascript that loads up and plays videos and handles the button events.

The general order of events when the script loads is

I tried to add two local html file (as frame, inside one html code) in two different iframe, but its not working. Output showing the same html file in both frame.[I guess, screenshot will help to understand my problem]

Here my html code.

I have the requirement to be able to present a document on a website, in the browser. (not download it) and well the way I know to tackle this (without paying to 3rd parties software) is an Iframe, but that sounds like a really old practice. I'm currently developing an application on Blazor and .net5 and sounds really wrong to put an iFrame in there, can you guys provide me input for better practices or just your thoughts?

Thanks in advance.

Edit: Im trying to use them to present doc, docx, pdf and pngs in a blazor application with .net5

Actually, I have a website where I want to run the complete process of cart functionality. All is going well but when I click on Payment method and select Debit card and put data in field it not accept. How can I put data into fields.

`WebElement BilMethod = wait.until(ExpectedConditions.elementToBeClickable(By.xpath ("/html/body/app-root/div/app-checkout/div/div/div/div[2]/div/div[1]/div/ng-stepper/div/div[2]/div[2]/app-address/div/div[3]/div[3]/div/div"))); BilMethod.click(); Thread.sleep(1000);

I'd like to have a 2 column reveal.js slide where I can page through the slides in the left-hand column (ColA) while a video plays in the right-hand column (ColB). The slides accompany the video.

I have it laid out on this page but the contents in the iframe/ColA are not large enough to read. I've tried scaling it but it scales the entire containing div, making the two columns overlap, and does not just scale the contents of the iframe.

Another option is to do the slides like normal, where each slide contains a link to the embedded video. My worry there is that every one of the embedded videos will play at once once the page loads because it's a live stream - it seems like that might eat a lot of processing power as my computer tries to play the same embedded live stream in 30 different slides. When moving from Slide1 to Slide2, are embedded videos stopped?

The full git repo for this is here.

I try to finish a login function on my web application; however, when I enter the correct password and username already registered in my database, it always returns 404.

I want to use sessions to identify each unique user. And what I also want to know how to jump to a new webpage after login in successfully.

Here is my code in app.js:

I have a block of code for a video that doesn't autoplay in neither Chrome nor Firefox but still autoplays in Microsoft Edge:

I need your help. When I run the iframe and the click code in the code below separately without setting settimeout, it works, but when I add settimeout to both, I get a "findo is not defined" error.

as the title says I have multiple buttons which they have data-id. I want to open fancybox modal by getting the clicked buttons data-id. Each element on click will open their own modal. I can't use class selector because this function is attached to somewhere else, and I know that $(this) here doesn't mean clicked element.

Thank you for your help.

JQuery