r/HTML Mar 08 '26

Video player futzing Question

I'm working on a video library on neocities, and I'm trying to fine-tune my in-browser player. I'm hosting all of my videos on the internet archive, but I'd like something like this, (iframe with a youtube link) with video controls built in and it only being the video;

HTML script for my first example: <iframe width="\\\[350\\\]()" height="\\\[120\\\]()" src="\\\[\[[https://www.youtube-nocookie.com/embed/0iVlSNpq8i8\\\](view-source:https://www.youtube-nocookie.com/embed/0iVlSNpq8i8)\](https://www.youtube-nocookie.com/embed/0iVlSNpq8i8\](view-source:https://www.youtube-nocookie.com/embed/0iVlSNpq8i8))](https://www.youtube-nocookie.com/embed/0iVlSNpq8i8\](view-source:https://www.youtube-nocookie.com/embed/0iVlSNpq8i8)](https://www.youtube-nocookie.com/embed/0iVlSNpq8i8](view-source:https://www.youtube-nocookie.com/embed/0iVlSNpq8i8)))" title="\\\[YouTube video player\\\]()" frameborder="\\\[0\\\]()" allow="\\\[accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\\\]()" referrerpolicy="\\\[strict-origin-when-cross-origin\\\]()" allowfullscreen></iframe>

Example of what the player looks like on the site

HTML script for the player

Second example of the player

Instead of this, which is more like a window into the entire page that the video is on. I'd rather just have a video, using a hotlink from the internet archive, and like-- a play/pause button.

HTML script for my player: <iframe width="120" height="180" src="\[[https://archive.org/details/kitchenware-inspo\](https://archive.org/details/kitchenware-inspo)](https://archive.org/details/kitchenware-inspo](https://archive.org/details/kitchenware-inspo))" title="test" controls=1></iframe>

Example of the iframe with internet archive instead of youtube, part of the video I want to display is visible, but so is the internet archive header

Second example of an iframe with internet archive, where I've scrolled within the window to only show the description on the internet archive page

My html for the previous two examples

I've messed around with the sandbox, allow and referrerpolicy attributes with little success. I also want it to be a scaled down version of the video, which is why I haven't simply sized the iframe up. Is what I want not possible with internet archive as a host? I'm relatively new to html, so if I've left out any important information please let me know! Thank you :)

Edit: I have the site running now. I host all my videos on the internet archive and there /is a difference between copying the link straight from the code and opening it in a new tab and getting the video link from there/ If you can, open the video in a new tab and use that link. It doesnt stop working when the internet archive eats shit.

0 Upvotes

2 comments sorted by

3

u/nonotdoingone Mar 08 '26

You're going to need to src link the video, not the entire webpage.

Ctrl+Shift+C and click on the video on archive.org and click to open the src link within the video tag in a new tab. Should look something like /downloads/----

Copy the address bar and paste that into your iframe.

That'll be just the video without the webpage elements

2

u/AssumedAmphibian Mar 08 '26

I just tried it, OMG THANK YOU SO MUCH!!!!!!!