html5 video custom controls in IE full screen mode? - html

I'm trying to implement custom video controls with JS. I'm able to get it work on the Firefox, Chrome and IE. But in the IE11 when a user went to fullscreen mode the custom control bar is not visible.
Please help me.

Related

youtube Iframe video not working on safari

When i Click on the full screen option in Safari, the video gets enlarged in half of the screen than full.
I have used basic iframe from youtube video. I used it in a custom website. What can be the issue here ? Kindly Please help me out.
This explains it https://tubularinsights.com/youtube-adds-iframe-embed-code-no-iphone/
and Making youtube.com/embed URLs work on iOS
also its is a duplicate to these two :
youtube embed video not working with safari
YouTube embed iframe not showing in Safari

How to view HTML and css in IE10 debugger?

Can anyone tell me how to see the HTML/CSS source of DOM objects in Internet Explorer 10?
I want to inspect a button element on a web page debugger.
I used to click the arrow on debugger (left corner of IE debugger) and then click on button. Yet the debugger panel only shows the root tag of the web page and not the HTML/CSS of the button.
This techniques works in IE8 and IE9 on Windows 7 but not in IE10.
Can anyone suggest me any other debugger or any other solution on how to get this working?
I am using the default IE debugger.

iOS <video> preview in Chrome

On an iphone, videos that I'm loading through a element appear with the immovable iOS play button overlay.
When viewing the site in the Chrome browser, I'm able to see the first frame of each video behind the play button. In Safari for iOS, I only see the play button and the blank video player behind it.
I would like users to see the video preview in both browsers the way they can when using Chrome. How can I achieve this in iOS Safari?

Youtube embed does not fill the screen when pressing the fullscreen button

When pressing the fullscreen button on any embedded youtube video Chrome & IE (strangely Opera webkit works fine) acts as though I have pressed F11.
http://www.babymetalfan.com/discography/babymetal-2014/01-babymetal-death/
I have tried adjusting z-index values but no luck so far.
Edit: I fixed the video here by forcing the embed to use the flash player: http://www.babymetalfan.com/2014/07/08/babymetal-the-forum-london-7-7-14-ii-ne-proshot-video/ The issue still exists on all my html5 embeds.

VideoJS and Blackberry10 Full Screen Mode

HTML5 full-screen overlay is behind content text.
It appears that any content after the video is displayed, renders above the video on full-screen.
The blackberry developer tools were no help when trying to find the issue, or change z-indexes on various elements.
Is there a hook for html5 in blackberry that I can get to display above the content?
Is this a Blackberry bug or a VideoJS bug?