Hello,

I an using Allvideos in my site and it works well both in the desktop and mobile version.
The problem is that in the desktop version when the window is resized to the smallest width then the controls on the lower part of the player apear and a black strip appears on the left and right of the player.

The HTML in the page is:

<div class="youtubevideowrap" style="width: 100%; max-width: 640px; margin: 0 auto;">
<div class="video-container">{youtube}t527fa5_tig{/youtube}
</div>
</div>

The CSS is:


.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

The site itself is still not public. If you need a user and password please let me know how to pass it to you privetly.

Thanks

Miki

Hi,

There is no way to send PM on this forum. You have to provide a public link in order to help you.

Hello,

I made the site public.
You can see the test page at:
www.musicatova.com/he/shows-he/book-a-show.html

At home on a desktop computer the problem exists when re sizing the browser window.
On a laptop the re-sizing does not produce the problem and even in the smallest size the browser allows the video shows well.

Thanks

Miki

Hi,

Just visited your site and i didn't notice any issues. I resized the browser window and everything seems fine. What's the issue exactly?

Hello,

In my desktop computer in Chrome browser I was able to reduce the size of the browser until the video stopped showing correctly (Meaning it stopped re-sizing well).
The problem was vertical black stripes on the left and the right of the video and also the lower control bar of the video appeared although the mouse was not above it.

In another laptop computer (also in chrome) the problem did not appear.

Thanks

Miki