Vimeo embed - Remove Black bars top and bottom

I used the widget Vimeo to embed videos on my Adobe Muse site. I use BC as the hosting platform.

A black bar appears on all my videos on the top and the bottom. The videos are 1280x720p. Site Overview vimeo this is not the case so I think this is the result of the parameters Vimeo Widget of Muse. It does not matter how big or small, I make the widget area, this is the case.

I can't find anywhere of Firebug which gives me the opportunity to change the fill or margin to change this.

http://www.monkeymindmeditation.ca/joy-of-meditation-level-one-day-one-promo.html

Any ideas?

Sean

If anyone has this problem here is the solution I came up with that:

CSS (can be online or connected to the style sheet)

. Video-wrapper {}

position: relative;

padding-bottom: 54.1%;

padding-top: 2.2%;

height: 0;

}

. Video-wrapper iframe {}

position: absolute;

top: 0;

left: 0;

Width: 100%;

height: 100%;

}

HTML

Sean

Tags: Adobe Muse

Similar Questions

  • Satellite L500 - 11V - Black Bars top and right side

    After searching Google for a week now, I have yet to find a satisfactory solution to this, which seems to be a common problem. I have the Satellite L500-11V, with Windows 7 installed all the latest drivers from the site Web of Toshiba and the BIOS update to 2.10. The laptop was works well, and then all of a sudden this week display seems to have evolved over the left and down. Now I have a black stripe on the top and right side of the screen!

    Also, I noticed the maximum resolution is 1280 x 800, I had put it at 1280 x 720 if I can see the taskbar at the bottom of the screen.

    Toshiba or Intel (as I have 4500 Mobile Intel Chipset) never have solved this problem...

    Would appreciate some answers to this annoying problem.

    Thank you very much

    Native resolution for this 15.6 display is 1366 x 768.
    You can choose the resolution in the display settings?

    It is not easy to understand what the problem is here, but as a first step try to reinstall the Intel display driver please.

  • Remove the big black bar at the top and bottom of Office

    original title: my desktop image now has a big black bar at the top and bottom. How can I get rid of this?

    The image filled my monitor yesterday. Today, I have a big black bar at the top and bottom. How can I get rid of this?

    1. Right-click on your desktop, choose Customize.
    2. At the bottom, click background.
    3. Finally, click on the Position of the image and choose Stretch or complete, what you prefer.
    4. Click on save changes.
    If this isn't the cause, you could also do that you use the full resolution of your monitor.
    1. Right-click on your desktop, choose the resolution of the screen.
    2. Make sure that you use the recommended resolution.
  • Since then went black download firefox 4 top and bottom of my screen and I can barely see the button/arrow to the left

    Question
    Since then went black download firefox 4 top and bottom of my screen and I can barely see the back/arrow button, if I can not go back to 3.6 and you'd have to show me how, step by step without computer talk if it is not possible for you that I return to internet explore... cordially chris williams

    You are welcome. I'm glad that you were able to find a solution with the information provided by the contributors here.

    So that other users can find solutions to Firefox previously asked take charge of issues, please take a few minutes to come back on the forum, log in, then click 'resolved' next to the answer above you helped more to find a solution. Thank you.

  • How to crop without black at the top and bottom

    Hello

    I try to crop a video. I go to Effects > video effects > transform > crop and under the effects of the controls, I put 20.0% on top and 12% on the bottom because that's how I want the cropped video. When I export the video it is always black on the top and bottom. How crop and export this video without that there is black at the top and bottom (and also to reduce the height of the video, take a part from the top and down)? Thank you!

  • Photosmart 6510: lines horizontal and top and bottom of page when scanning

    Hello

    Scans of the bucket of my Photosmart HP 6510 leave a horizontal line at the top and bottom of the page.

    I tried to adjust every page that I scan to align as straight as possible on the glass and this sometimes helps a bit.

    I am able to bypass the lines in culture to, but would prefer to find a real solution.

    Any help would be appreciated because I don't know a lot about the scanners, thanks!

    I've included a sample page below (the mark on the right side is not dirty glass, it has been a staple in the page):

    Welcome to the HP community @lgilb01,

    I wanted to tender hand to respond to your message on the lines that you notice when you scan to scan in your Photosmart 6510 bed. It seems to me that there could be some light enter when performing the analysis, causing lines. If you are only scanning one page at a time, the lines should not appear as they are now.

    Here is a troubleshooting guide for you to try. If the lines do not fade, contact HP directly to see about a replacement printer.

    HP Photosmart 5510, 6510 and 7510 e - all-in - One Printer Series - vertical stripes, lines or scratches in Copies or scans

    Tip: Make sure that the printer is plugged directly into the wall, avoiding bars power and surge protectors. This ensures that the printer is full on.

    Testify of my answer by pressing the thumb in the air below and hit the "accept as Solution" button, if I have you helped a resolution!

    I hope I helped!

    Contact HP:

    Step 1. Open the link: www.hp.com/contacthp/
    Step 2. Enter the product number or select Auto detection
    Step 3. Scroll up to "still need help? Fill out the form to select your contact options.
    Step 4. Scroll down and click on: contact HP options - click Get phone number
    File number and phone number are displayed.

  • Black bars above and below my images in the exported in MPEG and AVI video

    Hello.  This is my first time to be on this forum.  I made a video for the banquet of my grade 5 class which is TOMORROW NIGHT, .  My video looks awesome on the timeline, but when I export an MPEG or AVI, some images appear not to the top of the way they do on my calendar.  For example, many paintings have a black bar above and below the image that is not on my calendar first elements 11.  I pray that I can fix it because I'm willing to stay up ALL night to understand.  Everyone on here who can help me, pretty please?  Thank you!!

    Welcome to the forum.

    Black bars indicate a discrepancy between the size of the frame of the project and the Source of the images/photos.

    The answers to the questions of ATR will point upward where are these inadequacies.

    This article will go into detail on the causes and many of the corrections: http://forums.adobe.com/message/3797172#3797172

    Good luck and let us know more, by ATR questions, please.

    Hunt

  • IE defining the additional margin at the top and bottom of page using CSS

    Hello

    I am struggling with getting a site to look right in Internet Explorer.

    I wonder if anyone knows the answer or has some ideas to help me solve the problem...

    I use the headers and footers on a background image (with repeat-y on the style sheet) to give me a picture frame effect. You can see what it's supposed to look like below, using Firefox, Opera or Netscape browsers.

    http://www.sueharrington.co.UK/layout_tmpl_test.htm

    However, in Internet Explorer, I get two problems.

    1. the extra space at the top and in bottom of header and footer gifs.
    2 bar (middle of the page) seems to have space for additional margin in IE, causing it to wrap around.

    I managed to product another site where he works, but cannot see what is different about this one.

    http://www.enscott.co.uk/indexb.htm - work in IE and Firefox

    Someone at - it had indications or experienced this problem?

    Thanks in advance

    Neil

    (I use a Dreamweaver template to generate the pages, but cannot see this difference make?)

    It solved! - Or at least got a job.

    This came from the discovery of EI mismanages the following values

    margin-bottom
    height

    Basically low-margin or abbreviations seem to be ignored on the labels of stylesheet id (#). To test this, compare the following on IE and another browser (Firefox, for example)

    To see this, write this stylesheet

    {body
    background-color: #FFFF00;
    margin: 0;
    }

    {#wrapper}
    background-color: #FF0000;
    Auto margin: 100px;
    height: 1000px;
    Width: 770px;

    for this html code





    Display in IE and Firefox (or another browser)

    Firefox poster correctly a red box on a yellow page with 100px margin top and bottom - that is to say however has a zero at the bottom.

    Then apply the 100px high and the bottom margin to the "body" as below, leaving unchanged #wrapper.

    {body
    background-color: #FFFF00;
    Auto margin: 100px;
    }

    Firefox is unchanged: he seems to ignore the margin-top on the body.

    IE now shows a box with a tope 200px margin and a lower margin of 100px.

    The other interesting thing appeared with the parameter "size".

    If you insert a header or a footer background URL in a stylesheet, Firefow requires that you leave space for your background, or it does not show.

    So for a 16px high gif, use the following text in the style sheet. (It used to a gif in footer)

    #footer {}
    background-image: url (.. / images/bg_bottom.gif);
    background-repeat: repeat no.;
    height: 16px;
    Clear: both;
    }

    IE requires the value of 'height', but it is not guaranteed. (Even 1px or 1%) - if it is present, it works.

    Unfortunately, this does not solve my pixels very little space, but made me think - if the margin is not properly handled on the tags "#", if I do the

    the same color as the outside of the screen, it will not appear. This is easily done by using the following

    background-color: #999999;

    If my final CSS stylesheet looks like this

    / * to position the image in the browser * /.

    {body
    background-color: #999999;
    margin: 10px 0;
    padding: 0;
    }

    (/ * to contain and center of the page and product image sides) * /.

    {#wrapper}
    Width: 810px;
    Auto margin: 0;
    background-image: url (.. / images/bg.gif);
    background-repeat: repeat-y;
    }

    / * to keep the photo album frame * /.

    #banner {}
    height: 15px;
    background-image: url (.. / images/bg_top.gif);
    background-repeat: no-repeat;
    }

    / * to keep the background image * /.

    #footer {}
    background-image: url (.. / images/bg_bottom.gif);
    background-repeat: repeat no.;
    height: 16px;
    background-color: #999999;
    Clear: both;
    }

    With the html as follows







    content of the page here






    This gives the desired frame "image". Still not 100% sure why the problem of initiall which happened, but this seems to fix.

    The final page can be seen at

    http://www.sueharrington.co.UK/layout_tmpl_demo.htm

    Thanks for your help.

    See you soon

    Neil

  • Portrait mode, how to drag a program window to the top and bottom of a window and have it snap.

    Maybe it's more of a feature request: Windows 7 has a component feature snap where you drag a window of program on the side of the screen and it will maximize this measure only half of the screen.  I love this feature and use it often to keep my office in order.  I recently turned to another monitor that I keep in Portrait mode, but the nod to works only on the sides.  Good if I had a big enough screen, but I really want to align with the top and bottom of the screen.  Please advise, thank you.

    Interesting idea! To get to the right people at Microsoft, please click thegive us your comments. Help improve Windows 7 link under ads at the top of the main page of the forum, or go to the page give us your comments for Windows 7 . Boulder computer Maven
    Most Microsoft Valuable Professional

  • I try Ben numbers several pdfs at the same time.  Once I did this, I'll and look and from the second page, the Ben numbers appear at the top and bottom.  I want only the bates numbers to appear at the bottom.  How can this be a gift

    I try Ben numbers several PDFs at the same time.  Once I have a result, from the second page, the Ben numbers appear at the top and bottom.  I want only the bates numbers to appear at the bottom.  How is that possible?

    Hey Bethany,.

    Please try again to implement numbering following the steps in article Acrobat bates help | Add headers and footers Bates numbering in PDF format

    Make sure that you apply for Bates numbering in the foot of page, as shown in the screenshot below.

    Kind regards

    Nicos

  • Using the PNG format with maximum width without clipping the top and bottom of the image?

    I use PNG format to preserve transparency and shadow, I am trying to integrate to give the illusion that this slab object is floating above the other layers.  First I tried file > place to position the menu object on edge of header/beginning of the content.  This leaves no option to force the image to span the width of any screen.  I need that I tried to use object > fill > and then clicking on the maximum width of the rectangle (which solves the problem of maximum width), but now I am facing a problem of cutting top and bottom of the image.  The next thing I can think of is to go back to Photoshop and to distort the image, so it is not as big.  In my view, there must be an easier way to achieve will not also give my image an abnormal appearance.  Thoughts?  Thanks in advance.

    Thanks, that's useful.  I also found that I've cropped for a large part of the canvas.  After the increase the surface of the canvas AND fill everything is fine now.  I think that your suggestion may help with the problem of affect scroll I will have when you use different resolutions. I will try to set the size in a single dimension (height) so that different resolution screens see the same scrolling actions.  Mylenium thanks!

  • Calendar resumes always full screen with black bars at the top and bottom

    Calendar always starts like that. I can reduce and enlarge the window, and the problem disappears when the application is open. But once I leave the app and re - open, I have the black bars and minimize/maximize again to get the calendar view full-screen. Seems to happen on the screen of my Air and when you are connected to an external monitor.

    Thanks in advance

    Hello

    I have the same problem.  I had this bug with 10.11.x for awhile and then he suddenly stopped.

    I don't really know how...  Maybe it was a cleaning with Onyx, but I'm not sure.

    Since the upgrade of 10.11.4 today the bug came back.  I ran Onyx on the system without a bit of luck so far.

    @xryancx: do you have that you have installed a beta version of Mac OS X?  It was my case (El Capitan GM) but I did upgrade to the official, as soon has - it is available on the Mac App Store.

    Some people think that I've noticed is that the bug does not affect view DAILY.

    Step to reproduce:

    1. Calendar launch (you'll get the bug full screen)
    2. Exit full screen
    3. Click on daily view
    4. Return to full screen mode
    5. Calendar of quit smoking
    6. Calendar lunch again (there is no bug with day mode)
  • How to go around the top and bottom black bars?

    Hey, I've been doing video games youtube for about 2 years now and recently noticed something.

    How I used to get rid of the black bars using all my settings and then using the "Stretch to fill" function to the exporter, I quickly found that it sacrifices quality I would like to make the edges soft and causing a look less in my game videos. I would like to know a fix as soon as possible so that I can continue to make the content of the strong research!

    Parameters:

    Settings.PNG

    The original video was recorded with an aspect ratio of 16:9, but is still the quality of the 1080 p 60 (HD 60 fps). I would really like a specific fix for this soon and maybe some tips for rendering in the PPCC region.

    Thank you!

    ~ Alex

    The other option would be to just scale manually first.  Looks like it would be on a 3-5% of premium.  You lose a little bit on the left and right edges, but it shouldn't cause much loss of quality at all.

  • Remove black bars of social videos about Muse

    Hello

    How can I embed videos from youtube/vimeo without black bars appear above and below them? See screenshot...Screen Shot 2015-04-27 at 10.13.09 AM.png

    You must change the HTML that you insert into the page of the Muse, the links provided include the change in the code you need for video embed code.

    Thank you

    Sanjit

  • I don't know how i ' v, but I lost the toolbars at the top and bottom. [Alt] will not bring up the toolbar and scroll keys do not work. How can I fix it?

    I managed to hide the toolbars, ALL of them. [Alt] brings to the top of the toolbar so that I can change them. In addition, the [previous page] [next page], [home] and [end] keys do not work.

    You can have:

    1. Choose the Mode "full screen" or
    2. unchecked toolbars

    The F11 key activates / turns off Mode full screen or not. Full screen, you have no toolbars, no tab and no bar Add on (bottom).

    If unchecked you your toolbars (checked = displayed; UN - check = not displayed), and then do one of the following, then click on those you want to check/uncheck:

    If this answer solved your problem, please click 'Solved It' next to this response when connected to the forum.

    Not related to your question, but...

    You may need to update some plug-ins. Check your plug-ins and update if necessary:

Maybe you are looking for

  • 'Right click menu/open in a new window' does not-nothing happens.

    When I right click on a link, a menu very long comes with many choices that have nothing to do with the links (like 'copy image'). When I select "open in new window' or 'open in a new tab', nothing happens. I've just updated to the latest version of

  • On the screen blurry

    Hey! I have fuzzy screen in firefox. I tried different browser they work normally. The fonts are goes into them that I can't read when I refresh the page its going and don't reproduce. I reinstal windows does not solve, I checked my graphics driver b

  • Satellite C660D-1EP - network controller has disappeared

    Please, I beg you! For some reason my network controller went bad and now appears on device like an exclamation point Manager, so I can't access the internet... (Not happy children) I have a Toshiba Satellite C660D-1EP model. I searched Toshiba downl

  • Need to unlock iphone without losing any data

    I have pictures and videos on an old phone. The last backup of this phone does not have these data. Is it possible to unlock the phone (I couldn't remember oassword) using itunes not needing restore from previous backups? Any help is appreciated. Whe

  • My AMD display driver keeps crashing in some videos

    My AMD display driver keeps crashing and stop any use of the computer for 5 to 10 minutes