The first thing you need to do is add a little bit of CSS code to your site (if you are using a CMS such as Wordpress or Squarespace, you can easily drop it in using Theme Customizer or Custom CSS respectively). It was updated by Chris Coyler on the CSS-Tricks website just a few days ago (and, if you’re really interested, I recommend checking out his post. This is the method that I’ve been using on my own sites for the past few years. ![]() I’m recommending a method designed by Thierry Koblentz on the A List Apart blog. There are a number of online examples of how to set up your CSS code. To make it responsive, you need to modify your CSS. ![]() If you’ve embedded a YouTube video in your site, you will notice that your YouTube video is not automatically responsive. The point of having a responsive website is to ensure that your site is easy to use regardless of whether visitors are accessing it on their phones, tablets, laptop, or desktop screens. I’ve emphasized in class how important it is to design a responsive website-a website that rearranges itself depending on the size of your screen or your browser window. This embed code is what you will insert into your website where you want your video to live. The code below is what YouTube provides for embedding videos into web pages its a pretty standard iframe. As you will remember, you simply go to the YouTube video, click on share, and copy the embed code. ![]() In class, I’ve demonstrated how to embed YouTube videos in a website.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |