Up next in 10
Build a Youtube IFrame Embed Code Generator Tool in Browser to Embed Videos on Website in JavaScript
0 views
Jun 24, 2025
Buy the full source code of application here: https://procodestore.com/index.php/product/build-a-html-iframe-embed-code-generator-tool-to-embed-videos-on-website-in-browser-using-javascript/ Hi Join the official discord server to resolve doubts here: https://discord.gg/cRnjhk6nzW Visit my Online Free Media Tool Website https://freemediatools.com/ Buy Premium Scripts and Apps Here: https://procodestore.com/
View Video Transcript
0:02
uh hello guys welcome to this video so
0:04
in this video I will show you a new tool
0:06
that I deployed on my website which I
0:09
built entirely inside HTML CSS and
0:12
JavaScript so this is a YouTube I frame
0:15
embed code generator tool so if you want
0:17
to embed any sort of YouTube video
0:19
inside your website with advanced
0:22
options you can control all these
0:24
options width height you can also
0:27
control the video should autoplay loop
0:30
mute you can also put a start time end
0:33
time as well so this is a great tool you
0:35
can visit freemediatools.com
0:37
and try out this tool here so what this
0:40
tool does it actually allows you to
0:43
embed any video let's suppose I copy the
0:46
URL
0:46
and simply paste the URL right here in
0:50
the input text field
0:53
and then if you paste it directly right
0:55
here then now you can control the
0:57
dimensions all these options we have
1:00
this generate embed code
1:03
so it will embed this YouTube video it
1:06
will show you this live preview and also
1:08
it will at the bottom side it will give
1:10
you this I frame code which is required
1:14
to embed this YouTube video directly
1:17
inside your website this is the embed
1:19
URL that you see right here and now you
1:22
can adjust some options right here let's
1:24
suppose the height of the video so let's
1:26
suppose I want the height to be the
1:29
width to be 1280 by 720 which is a
1:33
standard size if you now update you will
1:36
see the video will update and also the
1:39
this code will also update you can copy
1:41
to clipboard as well and then you can
1:44
also have these options the video should
1:46
auto play it will the video should loop
1:50
the video should also be mute
1:54
and then you can set the show time which
1:57
the start time you can put a second here
2:00
the end time to be you only want to play
2:03
these 10 seconds of this video and now
2:06
if you see the video will auto play from
2:09
that location you will see automatically
2:12
and you will also see the embed code
2:15
which is required for embedding this 10
2:18
seconds of this video directly you copy
2:21
this
2:22
code here and then you instantly create
2:25
a file here
2:29
and now to embed this it's very easy
2:31
simply paste this code right here i
2:34
frame code that it gives you and if you
2:37
try to open this now it will directly
2:40
open this video inside your website from
2:42
that location so it's very important
2:45
tool very good tool
2:47
to embed any YouTube video from any
2:50
location you can adjust all these
2:51
parameters such as width height auto
2:54
play loop all these parameters starting
2:56
time end time i built this tool inside
2:59
HTML CSS and JavaScript so if you need
3:02
the full source code the link is given
3:04
in the description
3:06
so 471 lines of code I built it from
3:10
scratch so once you get the source code
3:13
it will be easy for you to modify the
3:15
user interface and look how I built this
3:18
so you can easily run this locally as
3:21
well so now we are running this tool
3:23
locally here if you see it's a static
3:25
tool you simply paste whatever URL
3:29
YouTube video now you paste it adjust
3:34
these parameters click on generate embed
3:36
code then it will give you this embed
3:38
code
3:39
so very simple tool but very powerful as
3:42
well you can easily deploy this on your
3:44
own website as well so it's simple in
3:47
HTML CSS and JavaScript static tool
3:50
which runs directly in the browser so
3:53
thank you very much for watching this
3:54
video and please hit that like button
3:57
subscribe the channel as well and I will
4:00
be seeing you in the next live stream