How to Embed YouTube Responsively on Blogger

Remember, you have to use the address provided when you click underneath the video under "share" and "embed" instead of the address on this one. Add these styles:

<style>
.video_outer_wrap {
    width: 100%;
    max-width: 560px;
    margin: 15px auto;
}
.video_wrap {
    position: relative;
    padding-bottom: 56%;
    padding-top: 0px;
    height: 0;
    background-color: #000 !important;
}
.video_wrap iframe,
.video_wrap object,
.video_wrap embed {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
}
</style>

And put your YouTube video address in this:

<div class="video_outer_wrap">
 <div class="video_wrap bottomshadows">
 <iframe width="560" height="315" src="____YouTube_video_address____" frameborder="0" allowfullscreen></iframe> </div>
</div>

Source: http://www.twistblogger.com/2015/08/how-to-make-embedded-videos-responsive-and-display-inside-frame.html

Comments

Post a Comment

Popular posts from this blog

Wire app, an alternative to WhatsApp and Skype

Image
I was looking for an alternative to WhatsApp and Skype. Actually, I didn't mind WhatsApp too much but it has its limitations, especially if you travel or change phones and want to sign into the same account. I asked the Linux community for recommendations, and decided to try Wire. Other alternatives that got a lot of recommendations, in case you don't like Wire: Discord, Mumble, Tox, Telegram, Google Voice, webRTC sites (just a webpage that you can use to connect P2P) More information about Wire: https://www.technotification.com/2014/12/wire-a-new-app-by-skypes-co-founder.html UPDATE: Suggested improvements to Wire: 1) Loud, more distinct notification sound on phone. When you install the app, two things are difficult. One is the notification sound is too quiet. You don't notice it if you're not close to your phone. Probably this was done in the interest of being subtle and non-imposing, but in practice we are used to Whatsapp notifications, Facebook, I...
Keep reading

How to install Linux beside Windows

For those of you who want to keep their Windows OS and everything they have saved and installed there, but also use Linux when they want to, you can have both on one computer. It's fairly common, actually. What a lot of people do is gradually make the transition away from Windows, logging into it less and less and using Linux more and more, but without burning any bridges to their old computer abilities on Windows. From your Linux system, you will also be able to access the files on your Windows computer. In order to do this, you will need a Linux CD (a Linux .iso file burned to a DVD). You can download any version of Linux ( more info on that here ). Then you will need to enter BIOS from Windows (or from startup by pressing F2, F10, or F12 if it works on your computer). Then you will have to set your BIOS to start from CD (or USB if you're going to do it that way). Then your computer can start from your burned Linux DVD which will launch the easy step-by-step installat...
Keep reading

A Linux Computer with a DAW

Also: https://computerconcerns.blogspot.ca/2017/05/things-i-do-when-i-install-linux.html Download Tracktion6 from the website, using an account based on your email (dfp). Install it with r-click installer. Jack sudo apt-get install jack-tools ant openjdk-6-jdk fftw3 qjackctl and sudo apt-get install qjackctrl (might need some more stuff, like a repo or something, in order to do these 2?) Note: when you close Jack, and you still don't get system audio you can  sudo killall -9 jackdbus and you can pulseaudio and update and pulseaudio again. This worked for me. Cadence (to fix Jack not letting other things play sound)  sudo apt-get install candence  (you might need to add the repository first) This uses Jack, but doesn't need Qjackctl (which seems to do a similar thing to Candence. With Candence, you can "start" and it starts Jack (and cuts out YouTube) so Tracktion has sound. Audacity sudo add-apt-repository ppa:ubuntuhandbook1/audacity sudo apt...
Keep reading