Oct 11 2017 02:32 AM
This is what the "responsive" Embed code produces
Does anyone know how to get rid of these spaces that bring up scroll bars? This video will only correct itself after clicking play, If i embed this same video from "Video" i dont get these scroll bars and everything works like it should
Oct 11 2017 04:16 PM
Hi @Tiger Boshomane - what browser/OS combo are you seeing this on? It might be an unintential issue and would be glad to help you solve this. Can you also paste the iframe code you are using?
Oct 11 2017 10:47 PM
The below code is copied directly from Stream
"<div style='max-width: 640px'><div style='position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;'><iframe width="640" height="360" src="https://web.microsoftstream.com/embed/video/2cded409-af9e-409a-ba17-e9a7096a4580?autoplay=false&show..." frameborder="0" allowfullscreen style='position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; max-width: 100%;'></iframe></div></div>"
I actually noticed that there's an overlaping image which could be the cause of the scroll bars, i've attached a screen shot below, I think this image is replaced by the actual responsive video when a user clicks play.
Overlapping Image causing the scroll bars
Oct 12 2017 10:55 AM
@Tiger Boshomane - what browser/OS is this? Is it IE11 on Windows 7? Are you noticing the same issues on an alternative browser?
Oct 16 2017 03:32 PM
@Tiger Boshomane - I tried to reproduce this issue internally here at Microsoft but wasn't able to make it look like you have.
A few observations. It looks like the scroll bars up/down and left/right are not inside the iFrame. From yourscreenshot it makes me think they are in your HTML code around the Stream iFrame.
Also it looks like for some reason the Stream embed iframe didn't render quite right. There is a black circle centered with a triangle to the right of it. I believe that white triangle is supposed to be inside of the black circle for our play icon button. Do you have any idea if there is some other code / css on the page that is messing up the rendering of the Stream embed?
Can you check this issue on other OS/Browsers and see if has the same problem there?
What OS/Browser is your screenshot from?
The worst that I could get to happen in my testing was that there was just a vertical scroll bar at some very specific narrow widths for Stream when the title of the video was long (wraps to 2 or more lines). However the scroll bar went away again if I made the player even narrower. But I don't think the scroll bars you are seeing are not from the player, because of the white space between the player and the scroll bar in your picture.
Oct 27 2017 12:38 PM - edited Oct 27 2017 12:39 PM
I am also facing similar issue.. I placed the embedded video URL inside a content editor web part (classic page). The web part zone is smaller in size and takes 20% of the total width of the page. Now in the screenshot attached it can be seen that a scrollbar is appearing only in IE. I have IE 11.0.9600. The inner triangle which is a .svg-icon takes 100% width and not sure why it pushes which created scrollbar.
Oct 27 2017 12:57 PM
@Gynanendra Prasad Ray do you see this issue in any other browser? Additionally, if you take the same embed code to jsfiddle.net and paste it into the html section and click run, do you have the same issue?
Oct 27 2017 01:25 PM
It happens only with IE. Works perfectly alright with Chrome and Mozilla.The same embedded code works fine without a scrollbar with jsfiddle.net.
Oct 30 2017 05:09 PM - edited Oct 30 2017 05:10 PM
Thanks for the information @Gynanendra Prasad Ray - from the information you provided we believe the issue is that the SharePoint page where this is embedded is forcing compatibility mode to render IE11 as IE10. This is usually displayed in the HTML page <head> as <meta http-equiv="X-UA-Compatible" content="IE=10" />
We are currently looking into seeing what can be done here, however IE10 capabilities are limited. We will update the forum once we have more information.
Nov 02 2017 01:29 AM
Nov 02 2017 01:32 AM
Dec 29 2017 01:27 PM
Same problem. This needs to be resolved, MSFT?
Dec 29 2017 02:22 PM - edited Dec 29 2017 02:23 PM
@Kevin Taitz could you describe the issue you are seeing. The issue in this thread was actually resolved, so it's possible that you are facing a different issue
.
Mar 08 2021 04:12 AM
Hi Amit, I am also facing same issue as below,
After adding multiple embed code of stream channel in one sharepoint classic page using SEWP, some time I am getting pagination (in screen print refer first arrow) and sometimes scrollbar (in screen print refer first arrow). I would like to have pagination only,
Please refer screen print for more details,
thanks in advance.
Vivekanand Ade