Post by account_disabled on Nov 29, 2023 6:06:09 GMT
Nowadays, there are more and more video content because our internet is fast. Video content can be consumed much more conveniently than before. Of course, website creators like us should know how to insert videos into websites. Including how to make our video automatically shrink and expand according to the screen. (Also known as Responsive ) In this article, we will first look at how to upload YouTube videos to your website. (Can be used with all other video streaming websites, such as Vimeo ) and then we'll talk about how to make videos responsive , which can be said to be a problem that website creators will definitely encounter. Because admin receives questions via Inbox about this from time to time.
So I decided to write a summary for the benefit of everyone. What does this article have? Show Inserting Phone Number List Youtube videos into our website How to insert a video on Youtube / Vimeo / or any website that streams videos, most of them are the same: On the video page that we are watching Find the button that says “Embed.” It may be a “>” icon that represents the code. And sometimes it will be hidden in the “Share” button again. Under the Youtube video, press Share > Embed. Then you can copy and paste the code into your HTML. Normally, the code must include a tag named. Youtube Embed code example That's all, we will now have a video to put on our website. If anyone is not yet Check out the sample code in Codepen below. But. from above you can see that The video is torn! The video isn't responsive, but you don't even know.
In an era where everyone accesses websites using their mobile phones, it is normal. Making a video responsive is very important. Let's see how to make a video responsive easily. There's only one way to make video on a truly responsive website. For those of you who think it's like making an <img> image to be responsive or not, you have to answer "no." For that matter, we can put width: 100% on the image, but if the video does that, it won't work. Responsive to Yesterday, the admin posted a question on the Designil page about what methods each person uses. You'll find many cool methods, including using CSS, CSS Framework (Bootstrap), code generators from the web, JavaScript. So let's check each method one by one and find that. Actually, all of these methods are the same in the end.
So I decided to write a summary for the benefit of everyone. What does this article have? Show Inserting Phone Number List Youtube videos into our website How to insert a video on Youtube / Vimeo / or any website that streams videos, most of them are the same: On the video page that we are watching Find the button that says “Embed.” It may be a “>” icon that represents the code. And sometimes it will be hidden in the “Share” button again. Under the Youtube video, press Share > Embed. Then you can copy and paste the code into your HTML. Normally, the code must include a tag named. Youtube Embed code example That's all, we will now have a video to put on our website. If anyone is not yet Check out the sample code in Codepen below. But. from above you can see that The video is torn! The video isn't responsive, but you don't even know.
In an era where everyone accesses websites using their mobile phones, it is normal. Making a video responsive is very important. Let's see how to make a video responsive easily. There's only one way to make video on a truly responsive website. For those of you who think it's like making an <img> image to be responsive or not, you have to answer "no." For that matter, we can put width: 100% on the image, but if the video does that, it won't work. Responsive to Yesterday, the admin posted a question on the Designil page about what methods each person uses. You'll find many cool methods, including using CSS, CSS Framework (Bootstrap), code generators from the web, JavaScript. So let's check each method one by one and find that. Actually, all of these methods are the same in the end.