Receptive iFrame for YouTube/Vimeo

Hello!

I use this code in Muse (that I found on the interwebs) to create the iFrames (by inserting HTML object) for YouTube/Vimeo reagents:

< style > container-.embed {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100% ;} .embed-container iframe, object of container-.embed, .embed-container incorporate {position: absolute; top: 0; left: 0; width: 100%; height: 100% ;} < / style > < div class = 'embed-container' "> < iframe src = ' }} http://www.YouTube.com/embed/t3vsKbR7xws? & color = 333463 & title = 0 & = 0 & portrait byline = 0 "width ="1280"height ="720"frameborder ="0"allowfullscreen mozallowfullscreen webkitallowfullscreen > < / iframe > < / div > "

It has been working well overall, but now thanks to the significant improvement of the iFrame makes the filling at the bottom of the Mobile/Tablet reader.

I adjusted the padding to 0% and adjusted the size of frame for the different breakpoints in Muse vs the container and it works better now but still not perfect. Example: www.ahappyproject.com with a browser connection 1000px and especially in horizontal mobile...


So a few questions for you good people:

· Is there a better way to do it?

· If this is not the case, do you see anything in the code that I could shape of padding to limit or cause the iFrame resize correctly without filling?

Thanks in advance!

That you're right, this is how it currently works.

The only elements that aren't just fluid in width but also (relatively) high, are images. But I agree with you that it would be maybe good to use the widget to other content like video also retain their original size as well.

Tags: Adobe Muse

Similar Questions

  • Sequence for YouTube/Vimeo and DVD settings

    What happens if I'm documentary Premiere CS6 editing and I'll show you a product finished on Vimeo/Youtube and DVD film festivals?

    Do I have to start all over again the editing process to change the settings of the sequence?  Does it matter?

    In addition, recommendations on what settings to have the film If for the festival?

    Thank you

    Edit natively and export differently for each requirement of the same sequence native edit

  • Is there an option in canvas to position a video on the stage? Be it an iframe to youtube or video file located on the same domain

    Is there an option in canvas to position a video on the stage? Whether an iframe to youtube or video file located on the same domain. I want to control the position of the video on the stage compared to other objects, which explains why the css is not ideal for the job.

    Already discussed here:

    How to load the video in Html5 Canvas?

    There is no native support in the Web for video documents. You float a tag of HTML5 video above the scene.

  • What is the biggest export after effects HD for youtube?

    Hello

    I have a very nice experimental animation made with ink, my scans are of high quality and I want to keep it this way. I exported my video effects using Quicktime Format H.264 but when downloaded on youtube, it has been completely massacred 1080 x 1920 , it seems pixelated even in HD mode. I tried to download on vimeo, but it is over my limit for free accounts. The video is only 2 seconds long. I love the way she looks in After Effects and on my computer and I really want to find a way to share it on the internet without compromising quality. Can anyone recommend a better framework of export or a different Web site (other than youtube / vimeo)?

    PS after having done a lot of reading on this before asking my question, I have to admit that I don't know if my video is progressive or interlaced, what is the best and how to change it anyway.

    Thank you in advance for your help x

    Weronika

    You would use the YouTube preset in Adobe Media Encoder.

  • I do not see any video like youtube, vimeo, facebook even site. My flash player is installed and it is a job because I still can see the video in Internet Explorer only on Firefox it audio only not working, the video is blank (black) all, someone can help

    I don't update or download anything, so today, I can't see any video like youtube, vimeo, facebook even site. My flash player is installed and it is a job because I still can see the video in Internet Explorer only on Firefox it audio only not work, the video is all blank (black).
    When I restart my PC again the video can work just first video, then when I see another video site it's all black... (but its still working)
    can someone help me?

    Hi splingun,

    We have a section of fixing Facebook and YouTube. The black screen seems expressly included in the list of the articles I linked to you.

    Hope this helps!

  • What are the best settings for Youtube videos using Camileo X 200

    What is the best video settings for the x 200 for youtube videos. 720 p-30 / 60-720 p / 1080 p-30.

    Thank you

    Hello

    In my opinion the 720 p-30 is good enough for Youtube.

  • Prepare the video for Youtube?

    I just want to prepare video for Youtube, but not send it. I want what he saved to the desktop.

    To create a custom configuration of YouTube without the action of work upload, duplicate post it on YouTube setting. In the Inspector do any changes you need to the Audio and video settings that you want. Apply the setting custom in a source file and select the task in the Inspector > employment > Action, choose do nothing.

    Russ

  • Is there a songsmith creative commons license link so that I can use created songs for YouTube videos monetized Songsmith?

    Is there a songsmith creative commons license link so that I can use created songs for YouTube videos monetized Songsmith?

    original title: songsmith creative commons license

    Hello

    The question you have posted is related to Songsmith and would be better suited to the Songsmith community. Please visit the below mentioned link to find a community that will offer in support of your request:

    http://social.Microsoft.com/forums/en-us/songsmith

  • How can I increase the volume for youtube videos?

    Volume problems

    How can I increase the volume of videos youtube - control panel shows me that my volueme is still 100% can hardly hear youtube videos.

    Hover your mouse over the video, and then point the mouse pointer on the volume icon on the floating toolbar that appears, make slide the volume knob to the right to increase the volume.

    Another thing to try if you still hear no sound, click on the volume icon in the Notification area of the Windows taskbar, click mix and watch if the mixer volume for Youtube is turned upward.

  • TC7.0 blocks iframes for telepresence VC

    Is anyone know how circumvent or allow iframes for Cisco TelePresence SX20, C40 using TC7.0

    We were able to view snapshots using iframes on TC5.1 but it is now, no longer works with TC7.0

    Any help is greatly appreciated. Maybe there's a way to reactivate this setting on the web server in the VC unit?

    A simple (but not necessarily secure) way is to add the credentials in the URL, that is to say:

    [email protected]/* *//websnapshot/get">http://username:[email protected]/* *//websnapshot/get

    Updating can be done in the HTML HEAD element, IE to refresh every 30 seconds:

    Wayne
    --
    Remember the frequency responses and mark your question as answered as appropriate.

  • AE CS5.5 movies for youtube?

    I have a second animation 30 with a soundtrack that I would put on youtube and also be able to send. It is not for the big screen somehow. But when I released like Quicktime - 217 MB!

    I have also tried other ways, but nothing seems to work. And honestly - I didn't know what I was trying after the firth or sixth time. I wonder if someone can help me with what I have to use the settings. I did some research on Google - but always baffled. In fact is it a way to spend your power settings to default return - God knows what I did to my settings, when nothing worked.

    Thanks in advance!

    Not to worry.  Hold this big ol' file ' Adobe Media Encoder.  There is a preset encoding for YouTube and many others.  You can even make the presets custom to a file suitable for enamel size.

    If you did not, you already HAVE Adobe Media Encoder.  Look for it.

  • Advice on the bitrate for youtube

    Hello

    I'm trying to export H264 for YouTube videos.

    I tried to export the same video using:

    (A) bitrate = 3 (target and maximum).

    (B) bitrate = 8 (target and maximum, which is advised by YouTube to use).

    I saw two generated mp4 files has no big difference in quality (might be due the video consists of screenshots and after effect Animations only).

    I downloaded both on Youtube and two eyes, to get the result of quality identical (or very close).

    Would be advisable in this case to work with the version with less bitrate (3)? And not with the version with 8 as the value suggested by YouTube?

    Is there any leader, as, as less flow you can work, its best for YouTube? (Since you're ok with the quality resulting?)

    Thank you

    Simply choose a preset under H.264 YT, and it will be fine.

  • Size of files for youtube/web

    I am a photographer still getting my feet wet on video for the first time.

    I use a Nikon D800 producing .mov files and also a Canon Legria HF G25, producing files with a. MTS extension. Right now I have pictures of Canon of considerable length, several clips around 35-50 minutes, and now my employer wants to put me this up on our website, hosted by Youtube. It's OK, I think I can manage.

    But these files are huge, no matter what I try. I go to export presets in PP and find the presets for Youtube and choose the smallest, 845 x 480 pixels. These are mostly talking heads, so quality/resolution should not be very high. And yet a 35 minute sequence weighs 2.2 gigabytes. It's a large file by my standards.

    So. What is a normal size? Is it possible to compress more that I've not seen?

    BTW, I use CC2014 full subscription and Premiere Pro is fully updated.

    You can adjust the flow if you wish. 2.2 gig these days is not much more.

    Just test it and see how it works. You can assign the download private during the test.

  • Pe10 share for youtube in HD quality 192 Kbps audio HOW?

    OK so spent an afternoon trying to figure out how to export (share!) my video in PE10 in HD with audio quality on youtube without having to resort to a severe limitation of the AVCHD HD widescreen youtube parameter only 64 kbit/s audio quality.  I tried to enter advanced settings but only have the drop-down list of low, medium and high quality audio options, which strangely do not alter the setting 64 Kbps at all when selected?

    I tried Googling to death but despite good recommended setting of 192 kbps AAC audio person can tell me how to select except on a mac with final cut.

    Surely someone must have wanted before?  How to get all these clips on youtube with audio high quality or a person used first elements?

    Please someone help because I am so tired of losing days on what should be relatively simple tasks.

    Thank you very much.

    iDno9

    Let us go into the details for your first 10 items on frames of Windows 7 64 bit with your source of 1920 x 1080 @ 25 interlaced per second.

    (Assumes that you have the latest version of QuickTime installed on your computer with first Elements 10.)

    PART 1.

    Share / online.

    When you click on online, you get Online/share/YouTube or Facebook

    (if, for the first time, you can see a program note on downloading presets for the in-line function)

    The display of the screenshot represents Presets = High Definition Video for YouTube - 1920 x 1080

    (Audio Bitrate AAC at 128 Kbps, not adjustable)

    PART 2.

    You wrote

    The stock options available to me are Adobe Flash Video, MPEG, AVCHD,

    AVI, Windows Media, QuickTime, Image and Audio.  There is no Online

    option?

    Look no further with the following details...

    Part is your space to export the contents of your Timeline, burning, or export to a file saved on the hard disk of the computer... lots of choices.

    Await the details of the order.

    Share has the choice of

    webDVD

    Disc

    Online

    Computer

    Phones and portable players

    Adhesive tape

    You tell us just the choice that you find under computer only.

    PART 3

    Share/computer/AVCHD with Presets is YouTube Widescreen HD. Under the button Advanced (what you want to call it), click the Audio tab.

    Set the Audio tab to look similar to the following which includes the audio bitrate AAC = 192 kbps (kilobits per second).

    On the video tab, which is also under the button Advanced, customize settings accordingly

    a. If you want to 1920 x 1080 for the frame instead of 1280 x 720 size.

    With the video tab, decide if you want the default instead of 1920 x 1080 or 1280 x 720 @ 24 progressive frames per second. I put for 1920 x 1080 @ 25 fps progressive. Setting the level and profile fields should be made first, then the rest of the fields made appear according to the directives of the screenshot.

    CHANGE ADD ON

    Advanced tab button/video screenshot posted deleted after posting. Now for version clarified,

    Please refer to the representation of the Advanced tab of button/video as shown in a numbered post 5 later.

    Another fine adjustment of the next above. But first we must be sure that we are in sync with the basics of the section on part. What video editor you used before?

    Looking forward to your follow-up to the top.

    Thank you.

    RTA

  • "iframe" for a page ID in the same document (or other?)

    Hi, I have a technical paper work to do which will be likely to be used again and again, and I would like to simplify the manufacturing process of the new versions of it as they come.

    Basically, the final product is a sheet double-sided which when folded a particular one will see the 'face' (F1) and then folded new watch another "face" (F2) and folded a third time shows another "face" (F3). Because of the way work the folds only F1 is actually intact on the work of the sheet. F2 is divided in half right with each half on different parts of the leaf. F3 is divided four ways with quadrants in different regions and on the sides of the foil.

    My idea so far to keep the process manageable is to create a 5-page document - front and the back of the final page, and a page each for the three faces. I so want to place something that I can only describe as a series of iframes for each page of the form 1, 2 and 3 on the finals in the exact position as required. Then, in the future, I need only change the pages F1, 2 and 3, the changes and export now perfectly filled in new print PDF of the front and rear of the production of sheets for printing.

    The content tool Collector is close to what is needed isn't funny, but as far as I can tell it does that with the items you have already designated, and in this case I can not guarantee this text (example) new boxes, or more or less images or a background etc. may be necessary on the face in the future. I do not think I can add a new text box on page F1 and have an instance of it appear automatically on the form of production.

    An alternative, I thought is to simply make an .eps of each page of the form 1, 2 and 3, and keeping the same naming conventions, place those in the production journal. Update of the face page, export a new IP, update the file now-replaced and export PDF printing. This worked, but... is it possible to do it automatically?

    Create first of all in a separate INDD and place it on several places in the final document. If you edit it in this INDD all cases imported into the other INDD must only be refreshed.

Maybe you are looking for

  • Try to rename the profile, now cannot start FF because it says it is already running

    So I wanted to rename the profile from my laptop. I went in the profile menu (on the laptop not Firefox) and finished by unchecking and rechecking the "read only"box. ". After that, Firefox would give an error saying that she could not access the sec

  • How to convert a c# executable to an executable LabVIEW

    I have a program that was created in c# by an engineer who has left the company.  C# is not widely used among my company, but is LabVIEW so I would like to convert the c# program in a LabVIEW program somehow.  I worked with C language before, but not

  • How to adjust the brightness on my HP ProBook 6455 b under XP?

    I have a new HP Probook 6455 b - XP running.  Display default brightness is 100% - which is far too high.  I tried FN + F8 and FX + F9 to set the brightness, but nothing happens. I can upgrade to Vista so that could solve my problem, but prefer XP. 

  • Windows is loading files... stuck not start disk

    Hello, I have a Server 2008 OS and im trying to install it. It is a clean server with literally nothing about it. Pervious OS was Redhat. While trying to start the server will automatically try to boot to the CD after he tries to boot from everywhere

  • Download password box is blocked

    My son first had this computer and a password. I'm not sure of what he was doing. Now when we'll download something, he asks the master password and you cannot type anything in the box. I don't know how to unlock it change and he doesn't even remembe