How to Insert Video in HTML using NotePad Text Editor
HTML-код
- Опубликовано: 12 сен 2024
- In This Video Tutorial we will Understand how to insert video in html using notepad
To know About how to insert video in html using notepad Watch the Video and Follow Few Easy Steps.
or Visit My Website
programminghead...
Example's Link :
programminghead...
Ad
Website with Domain and Hosting for 1 Year
Starts 5$/Year
www.fiverr.com...
Topic:
HTML Syntax:
HTML Syntax for adding video in html, from basic HTML Tag syntax to writing HTML video tags.
Video tags
Video tags in html allow us to insert video files in html
Video tag's SRC Attribute
HTML Videos tag’s SRC attribute allow us to specify our Video files path inside HTML video tags.So browser can get our video file from the given Path and insert that video file into our HTML Document.
Hope You will find this Video Helpful.
Tags:
how to insert video in html using notepad
HTML Video ,HTML Tutorial,How to Insert video in HTML,Using Notepad,HTML,Video Player,HOW TO,Insert Video in HTML using NotePad, adding Video to html page,adding Video to html page using html,adding background Video in web site using notepad,How to Insert Video in HTML using Note Pad text Editor,how to insert Video in html using notepad,with examples,Video tag in html,how to add Video in html,html Video tag,html Video ,how to insert mp4 in html
I don't know how to thank you for this video.😭❤️ It literally helped me alot when i was stuck doing my project. Big thanks to you Man🥺❤️🙏 You'll surely succeed in your life 💯❤️
thanks for watching and also thanks for leaving such a nice comment
This helped me in my project and I got ranked first.
Thank you a lot 🙂
i am happy to hear that. BTW thanks for watching
Thank you this has to be the best instructional video I have seen on how to do this I have been going from video to video till I found yours great job.
Thanks for Watching
After searching inserting video,this video is on rank 1...😏🥳
Thanks bro
Tomorrow is my practical and you saved me ! 😊😊
thanks for watching and goodLuck for your practices.
Bro you are a legend I am trying it from 1 month👍👍👍👍👍
i am glad it helped you
this video has helped me so much in my preparation for exams
happy i could help
Thank you so much I have finals tomorrow and this helped a lot!
good luck with your finals
It was a good understand for me that how to create a video in html
Thanks for this Comment and Thanks for watching.
Have a great Time.
It was very understandable,I can say it was perfect and thankyou it helped me a lot.
Krypton Blue no no, thank you for watching
wow very creativ thank you so much
Thanks for Watching
Have a goodDay
Nice sir now i understand how to insert video
I am Glad to *Hear that Ma'am.
Thanks for watching and have a Great Time.
It's worked & helpful
Happy to hear that.. Thanks for watching BTW
thanks a lot
very usefully for me
be happy
Thanks for watching
thank you sm this helps me! my video isn't working in html because of the file name i just put the name "video.mp4" and it won't work so i tried using the full video file path and it works! i submitted it 5 hours late figuring how to make it work but it's ok atleast the video is working!
Don't worry 5hours not that late. We used to submit our assignments 5Days LATE LOL
BTW Thanks to Watching
Thanks bhai literally👍
Thanks for Watching bhai 😊
Thank you soooo much brother the best video on youtube
thanks for watching
Didi aapka teri ka thik he magar video ar achi hoti to ham ko samaj ne me asan hoti 😊😊
sorry
aage se mein or achi video banane ki try krunga
thanks you video dekhne ke liye and is comment ke liye
Bhaut badia bhai 👏👏👏 thanks bhai
thanks for watching
I can't run rogram and i go your RUclips channel and i really helping your video thank you ❤️ 😍 😇
Glad to hear that.
GoodDay and Thanks fpr Watching
Thank you very much your solution helped me to complete my homework 3>
i am glad to hear that
Thank you so much sir
Thanks for Watching
Well done bro! That's awesome
Thanks for Watching :)
sir does the html only supports the mp4 format
no sir. Nowadays we can use other audio types too. because all browsers like Chrome, safari, Firefox supports all the most common audio types like mp3 ogg wav etc
@@shudocode Thank you for your information sir
Thank you very much sir tomorrow is my Practical exam and your video really help me
Once again Thank You So Much Sir
Good luck for your Exams and also Thanks for watching :)
thank u alot mannn, i have to sub.
i am glad to hear that P.S. thanks for the sub
I faced a problem when doing this that was, even when I write Everything correctly and the file path and format is also correct and the browser is chrome and MS edge, my video is showing like an audio file and when I play that, that plays the audio of the video I used....
PLZZZZ....
Help me!
Can we talk over googleMeet
So i can see what is happening
And try to fix it
Hello sir... can you make a big video or small video by frame width and frame height...?
i might create a Special video on that Top. Please explain the topics/Use/Requirements about That
Thank you so much for sharing this video😊
Thank you so much for watching this video
So i mean we have to type is it??
yes
Just video tags with Video Source
But if your Video file and HTML file does not present at the Same Location
then you need to use "Full Video Path".
This helped, thanks
Im happy to hear that. BTW thanks for Watching
Thanks sir so much..... 😀😄👍👍👍🤟🤟🥳👍👍👍
Thanks for watching
I am manish kumar maurya very thank you bhai
Thanks for Watching
very useful video thank you very much
Thanks for Watching
Thanks a lot
It was a good video but you could surely give more information on HTML supported file types
i am sorry about that
but all the modern support almost all video Formats
MP4,WebM and Ogg are the most popular and commonly used video Formats
They all are supported by HTML and Modern web Browsers (But ogg video format is not supported in Safari web Browsers)
Sir we have to memorize these code in html????
Yes.
In order to Insert any HTML Element
You need to Memories atleast its Syntax
thankyou very very very very very very very very much
Thank you very very very very very very very very very very very very much for Watching
THANK youuuu it worked!
Glad it helped! Thanks for Watching
Excellent 👌
Thanks for watching
Nice video 👌
It works 😊😁😉👍
Thanks 🤗
Your doing well bro 🤜👍 this video is helpful for tq❤👍
Thanks for Watching
help me, i don't know how to pass the html in my assessment. is i copy the link of the browser, it doesn't open
I think you need to Upload the .html file as a Attachment
Please share more details
Like where you are uploading/Submitting your assignments
Like website name
Etcso i can help you more
the video does not seem to be in player, Im able to make the player but no video shows on website Could you suggest some troubleshooting tips? Thank you very much! ps - my website is hosted by network solutions in case that matters
Your HTML code is Correct (Because you have a Blank video as your Output)
The only thing is wrong is your Video file's Path
So if you are using some WebHosting Provider's CPanel
Then you can upload the on the Same location where your HTML file is
or you can give a Full path of your Video file
Like www.websitename.com/myVideo.mp4
(If your video file is present at your website's root address)
or if your video file is present inside a Folder or something Then your Path will look something like this www.websiteName.com/folderName/myvideo.mp4
but all of these methods won't work then run your video file through your CPanel and copy the Video Address
or
please give me more information about your Website so i can find your Video's Location by Visiting your Website's URLs ETC
Thqnk you
Thanks for watching
great video brotha
Thanks for watching
Very helpful 👍🙂
Thanks for Watching
Now i can rick roll my class.😅
LoL.. get em all BTW thanks for Watching
Thanks Man
Thanks for Watching
Thank u sir 🙏
Thanks for Watching 🙏
Please can u help me
I want to put the video in the left side how I can do that?
yes
for that use CSS float:left; for that
just add this to your Video tag
style="float:left"
Example:
u are just op it help me alot experting heart and reply from u and how do u know this trick
which trick? BTW thanks for watching
@@shudocode means to paste the url
you mean “full path”?
oh my god thank you so much !!
Thanks for watching
Bravo👍
Thanks for Watching
Thank you it was really so helpful
thanks for watching
the video is not playable in another devices, why? how to fix it
Because you need to send Video file along with your HTML file to another Device
Without it you won't be able to load the Video there
And make sure HTML file and Video file Both present inside same folder
So browser can easily load that video file from current location.
Vera level super thank you
Thanks for Watching :)
thank you 🙂
You're welcome 😊
BTW Thanks for Watching
Thanks
Thanks for Watching
I need help please
i added the vedio exactly as shown .tried the url and the other method but every time i open from the browser it keep giving me a blank page and no error the vedio is in place but not shown .how can i solve this.
note: i used notepad++
Please add file:/// right before your Video File's PATH
like
this will fix your problem
Still facing the same issue
then try to use Video files from Desktop (make sure your Video file isn't present inside a onDrive Folder/Directory)
or you can also connect with me using google Meet
where we can try to fix there issue
🤩🤩🤩🤩🤩
Thanks for Watching
thanks sir
Thanks for Watching
Can you help I'm stuck, I'm trying to insert a video through my phone using USB I don't know how to insert it in there correctly. Can you help.
Hi. i am sorry to tell you that Chrome or other browsers will return "Your file couldn’t be accessed" when you try to access External Mobile Storage using USB.
to solve that you can Move/Copy your Video file in your Computer's Drive
or you can upload it on Online servers and access that video file using the Internet
@@shudocode ok thank you
how do you make the video automatically fullscreen on the website? I am trying to not have the video seem so big on my website.
to adjust Video Element size you have Height and Width Attributes
just write it like this
and if you want to cover the full Viewport then you can use
width="100%" which will take the whole 100% width of the viewport
and to open video in full screen you have to use JavaScript for that
where using JavaScript you can request Browsers to open that video in FullScreen
var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
There are autoplay and Loop attributes ij HTML
you have to use THEM like
But due to security issues most of the browsers don't allow you to play video automatically
To fix that you have to play video in Mute mode
add mute attribute like this
I hope this will help
@@shudocode how would you put java-script in html? would you have to do something or just type the java script code?
You have script tags to write Javascript code inside HTML
Example
alert("Javascript is working");
@@shudocode also, do you know how to publish a website so that other people visiting the site will not need to have the html file to open it?
thanks
thank you for watching
@@shudocode most welcome
on my browser my videos play button and other buttons are not highlighted and i can't play the video please reply.
this is Because your browser isn't able to load the Video file from the given path.
please use full path.
to get the full path :
step 1:
right click on your Video file
step2:
select "Properties"
step 3:
under the security tab COPY the FULL PATH
and paste that full path inside your Video tag's SRC attribute.
if still not working
then use file:/// before your File's path
Example
@@shudocode i have already followed it but it didn't work after doing this method i commented to you
@@goldeneracartoons55052 submit your CODE here. An d i will try to fix your problem:
programminghead.com/help/
@@shudocode i have solved this problem but i have another problem that is i can't add more than one video on my web using this method please reply or make a video and thanks for replying previous questions please reply this.
@@goldeneracartoons55052 if you want to Add multiple Video files
then just use Multiple Video tags Simple:
Example:
Were do i find the wildlife video in windows 10
I am so sorry that i don't know much about it
But in windows (mostly in older versions like windows 7) we have sample videos in Videos folder
(C:/user/videos)
how do you make an unpauseable and unskippable video??
can you please explain what do you exactly want .
sir my console says not allowed to load local resources..How to fix it pls tell sir
We use Chrome a lot and it is a must to working with local files.
What we have been using is "Web Server for Chrome". You start it up, choose the folder wishing to work with and go to URL (like 127.0.0.1:port you chose)
It is a simple server and cannot use PHP but for simple work, might be your solution:
chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb
Thank you so much ❤️
thanks for watching
Hi bro...i cant open a video inhtml and if i gave controls the controls arent working...so can u plz help me in this problem....THANK U
SEND ME A REPLY IN HTHIS COMMENT ONLY...THANK U
This is Because your Browser isn't able to Find that Video file
1. make sure your Video file is present at the Same Location where your HTML file is
2. Check your Video file's Name and Extension (Because Path is Case sensitive)
and if your Video file is Present at different location then put the Full path of your Video file
Like :
to get the Full path of your Video file
Follow These steps
=> Right click on your Video File
=> Select "Properties" from there
=> Under the "Security" cab Select and copy the full path
(which will look like this "C:/user/Desktop/HTML/Video.mp4")
and paste that path inside your HTML Video tag
Example
if this still not working
then add file:/// before your File Path
like this:
@@shudocode Thank you bro...it is helpful
@@abhaybipin6091 Thanks for Watching and Commenting
Thank you sir.i really needed it for my friends birthday html surprise who is gonna leave the school soon. :(☹
That's so sweet of you
I hope he will like your surprise
Very helpful
Thanks for watching
thanks alot bro i made a rickroll video and sent it to my friend they got trapped
Thanks for Watching
I hope your friends will like your Video
*i didn't Understand why they got trapped
What do u mean by that??
@@shudocode they got rickrolled in simple words
LOL you are fUNNY
@@shudocode thanks bro :) thanks for the video u uploaded pls give me a shoutout
I am not that huge
im having problem sir i cant put video file i rechecked it many times
hi there, sorry for reply this late.
So use this source:
if this Works then its mean that your Browser isn't able to Find that Video file
1. make sure your Video file is present at the Same Location where your HTML file is
2. Check your Video file's Name and Extension (Because Path is Case sensitive)
and if your Video file is Present at different location then put the Full path of your Video file
Like :
to get the Full path of your Video file
Follow These steps
=> Right click on your Video File
=> Select "Properties" from there
=> Under the "Security" cab Select and copy the full path
(which will look like this "C:/user/Desktop/HTML/Video.mp4")
and paste that path inside your HTML Video tag
Example
if this still not working
then add file:/// before your File Path
like this:
You have used title how to add video in html but in video you are adding youtube video html ...
Sorry to cause this confusion
By this title I meant - How we can add video elements in HTML by using HTML Video tags (Where i am using MP4 Video file from my local computer along with Embedded video from RUclips).
Bro pls tell me to do it in full screen
You can use Height and Width for that
Whare you can set Height = "100vh" and Width = "100%"
Example:
Or you can use Javascript
Where you need to select your Video Element first by using document.getElementById('videoElementId');
And then you can use webkitRequestFullScreem() to view in full screen
Example:
var videoElement = document.getElementById('videoElementId'); videoElement.webkitRequestFullScreen();
Thank u
Thanks for Watching
Actually, the sample of the video is there but It's not playing even after writing *controls*. What to do?
Make sure that your video file name and file’s extension is correct and also make sure that your video file is present at the same location where your HTML is
Still not working then try With full video path
To get the full video file’s path
1 right click on your video file
2 select properties
3 under the Security Tab
Copy the full path
@@shudocode Thankyou so much!!!!!! Its working!😀
@@shudocode tried everything but still not working
@COMPUTER HACKS then put
file:/// before your Video* path
Like
@@shudocode kar liya
Guess what
Nahi chala
How can I add image files from an external location in to my computer... I have tried several times but I have never succeeded.. please help even videos especially the ones from my phone ...
there are 2 methods to do that..
fist method is : by using online Server to host your video file on the internet
and the 2nd method: by connecting your phone via USB to your computer and give your video file”s full path
But the issue is it shows an icon wen I use the usb method
@@mangakubrianjoel6921 what icon?
@@mangakubrianjoel6921 are u sure that u have used the fullPath of your video file?
Ok I will show u the screen shot
i want the video file in full sceen pls help me
ALPHA SACHIN to do that set you HTML video elements width to 100%
example:
how to turn the video into html if its a recorded video
You can't turn a Video file into a HTML file
But you can include or play that Video file inside your HTML file
im in 8th and i couldent get it to work but this video helped alot thx.
i am sorry for that
let me know if i can help u in future
Thank you sir
Thank you sir for watching
So you just copy the name of the video and that’s it?
Yes .. if your Video file and your HTML file is present at the same location/folder/path then you just have to give file name with file’s extension.
What is the code to rotate the video
You can use CSS _transform: rotate(90deg);_ property for rotating HTML Elements like VIDEO
@@shudocode tnq sir 😍
Thanks for Watching
@@_chandrika_
can you show how to make the video autoplay pls
follow these two steps
Step one: Mute your video
Step Two: Use autoplay attribute
@@shudocode it there any way you can make it with sound
@@kevihalili5470 There are but most browser don't allow audio to play automatically due to security reasons
It is not that good because, there's no video controls taught there..
Please use controls attribute inside your video tag to display Controls
It no work for me :(
Tyrant lizard gaming i am so sorry to hear that. can you post your code at programminghead.com/help/ so we can take a look at your code and try to fix your problem
pls help me it doesn't work omg
submit your code here.. programminghead.com/help/ and i will check your code
@@shudocode oh it already worked but still, thank you so much! 😊
@@yenigia1952 happy to hear
When i insert video location it remain faliure
Have you tried the FULL Video Path?
If you are free, then i can guide you over googleMeet/Zoom
@@shudocode yea that better
@@shudocode yes
@@gerapjr3497 when you will be free
what time (with timeZone)
@@shudocode any time just tell me
time to make a rickroll website
LOL
BTW thanks for Watching 😀
bhai video toh aati hai daalni par link daalne ki bna na
Ok sir i will Work on That. Thanks for your KIND comment. Have a Great Day
aisa hi kiya lekin run nahi ho raha
ok... apki html file run nhi ho rhi ki Video file?
@@shudocode vidio file
vaishnav dhumala ok so is link pe apna code submit kro m dekh kr btata hu kya problem hai
link : programminghead.com/help/
NOT GOOD ITS GREAT
thanks for watching
@@shudocodeyour welcome
i saw 13 reasons why hmm..
sapphire i love the first season
and i so sorry that i haven’t saw it on Netflix. Because on that time Netflix wasn’t available in our country (india). i hope you will understand. now i have the Netflix subscription and i have seen all the 10 seasons of F.R.I.R.N.D.S and i am glad that i did bought the subscription and watched that awesome show.
This does not work.
then make sure that your Video file and your HTML file is present at same Location (Same folder/Same directory)
if its still not working then i recommend you to use FULL video path
to get the Full path of your Video* file
Follow These steps
=> Right click on your Video File
=> Select "Properties" from there
=> Under the "Security" tab Select and copy the full path
(which will look like this "C:/user/Desktop/HTML/video.mp4")
and paste that path inside your HTML Video tag
Example
if this still not working
then add file:/// before your File Path
like this:
@@shudocode me salvaste la vida amigo, muchas gracias por el gran tutorial
@@DiegoSL369 Estoy muy feliz de recibir una respuesta tan buena de ustedes. Gracias por ver decir increíble
Bro how can i help you this means a lot to me i was struggling with my project thanks to you I got an A+ because of you. I sub u and also shared this video to my friend who was struggling. U must get to 1M sub.
That was so kind of you.
Thanks alot.
no playing
please submit your code at
programminghead.com/help/
i will take a look at your Code and suggest some changes
Thank you very much sir
Thanks for watching
How to have video from Google? In laptop
didn’t get u sir. can u explain
thanks
Thank You for Watching