I've got a problem with getting a YouTube video and my S-Drive blog responsive. It's been awhile since I set these up but I'm just now getting back to straightening them out.
The video is set up as a HTML element on my home pages and with advise from on here I set up the HTML in the design panel as such:
<div class="video-container"><iframe width="800" height="605" src="https://www.youtube.com/embed/eidLv5-yTow" frameborder="0" allowfullscreen></iframe></div>
I also went into HTML editor and made up a new document with this:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height:0;
overflow: hidden;
}
.video-container iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
and saved in as a custom-style css document in the css folder in the exported file. After uploading there was no effect to the video. So I'm assuming I'm doing something wrong. Can anyone advise what it is I need to correct?
Thank you,
Linda
Problems with getting a youtube video...
linda pradetto
Registered User
96 posts
Scott Swedorski
VP of Software Development
0 posts
Use http://embedresponsively.com/ Just paste in the URL to the video and it will provide you with a block of markup that makes the video responsive.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
linda pradetto
Registered User
96 posts
Great, thanks Scott. Looks like that will work.
Now what do I do about the S-Drive blog that we want to start up. I haven't done anything to it except set it up to embed into our website. How do I get it to be responsive?
Now what do I do about the S-Drive blog that we want to start up. I haven't done anything to it except set it up to embed into our website. How do I get it to be responsive?
Byron Tipping
Registered User
1,647 posts
It seems that when you use embedresponively that it does not pick up the option - Show suggested videos when the video finishes when its not checked. My client called very upset when a competitor's video came up after his finished! Can't understand why
mark johnson
Registered User
388 posts
Byron,
Is there a work-around for that issue?
Thanks,
MJ
Is there a work-around for that issue?
Thanks,
MJ
Byron Tipping
Registered User
1,647 posts
I just posted a general question on the forum for that - the only thing I can think of right now is the old way we did with RLM.
Watch the threads I started one for this
Watch the threads I started one for this
Ed Dean
Registered User
53 posts
I just read an answer that is working for me
Source video example
http://www.youtube.com/embed/eys0LhymhSo
add ?rel=0 to source link to return to source video at the end.
Source video example
http://www.youtube.com/embed/eys0LhymhSo
add ?rel=0 to source link to return to source video at the end.
Blissfully Ignorant In Jacksonville, Florida
When all else fails read the instructions.
www.website-design-jacksonville.com
RSD 5.0 what a pleasant surprise. Fantastic!
When all else fails read the instructions.
www.website-design-jacksonville.com
RSD 5.0 what a pleasant surprise. Fantastic!
Ed Dean
Registered User
53 posts
I had to ask this question and here is the answer to save some folks some time as it is related.
For W3C validation the <style></style> section of the embed code needs to be placed in the <head></head> section of the page.
http://www.w3schools.com/tags/tag_style.asp
For W3C validation the <style></style> section of the embed code needs to be placed in the <head></head> section of the page.
http://www.w3schools.com/tags/tag_style.asp
Blissfully Ignorant In Jacksonville, Florida
When all else fails read the instructions.
www.website-design-jacksonville.com
RSD 5.0 what a pleasant surprise. Fantastic!
When all else fails read the instructions.
www.website-design-jacksonville.com
RSD 5.0 what a pleasant surprise. Fantastic!
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
