1

Is there any way to place regular html content (like a div/span/etc) over a fullscreen html5 video using a Chrome extension? Any way to do it over a flash video?

edit: I want to do this for an extension I am building that shows lyrics in sync with the song playing on video (when the user wants, that is).

Himanshu P
  • 9,586
  • 6
  • 37
  • 46
  • You can do it using fullscreen API.Refer this https://hacks.mozilla.org/2012/01/using-the-fullscreen-api-in-web-browsers/ – AkshayJ Jun 03 '15 at 08:54
  • 1
    possible duplicate of [Overlay on HTML5 Fullscreen Video](http://stackoverflow.com/questions/16234740/overlay-on-html5-fullscreen-video) – Sergey Snegirev Jun 03 '15 at 08:57
  • Asked and answered 2 years ago. Use the search, Luke! http://stackoverflow.com/questions/16234740/overlay-on-html5-fullscreen-video – Sergey Snegirev Jun 03 '15 at 08:58
  • I am building an extension. So the answers there might not apply. Edited to clarify. – Himanshu P Jun 03 '15 at 09:01
  • The answers there apply. As an extension, you have the ability to modify the DOM. – Xan Jun 03 '15 at 09:11

1 Answers1

0

Make it as background.

video#bgvid {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(blablabla.jpg) no-repeat;
background-size: cover;
}
WeeklyDad
  • 318
  • 1
  • 4
  • 13