I’ve implemented the alterations necessary to create a fully blank page template for my site, as discussed here: https://forum.tagdiv.com/topic/how-do-i-create-a-completely-blank-page/
When I do this and incorporate an iframe video that’s been responsive to take up the entire screen on other themes, the video only fills the container width properly, but only fills a small section of the height of the screen, like so: http://sparrowvideo.co/homepage-big-slide/
For our needs, it is necessary to be able to fill a container that is responsive to whatever device the video will load on. Here is an example link to what exactly we are going for: https://espn.go.com/video/iframe/twitter/?cms=espn&id=14513772
Are there any CSS alterations or PHP integrations that we can perform to get this done? This is an extremely important aspect of our website. Also, if at all possible, we would like to accomplish this with posts, not pages.
I think you have to specify at height in pixels for the iframe height as not all web browsers support percent or “auto” — common issue. I think you can try auto — see the HTML5 docs for iframes online as good starting point.
UPDATE: I’ve managed to make the video player responsively fit the entire screen by injecting the code and CSS into the header of the page, as seen here: http://sparrowvideo.co/homepage-blog/
My issue is now that there is a blank white line appearing across the top of the screen, which I am assuming is the body of the blank page template I am using. If I could somehow get rid of that white bar now, all of my issues would be solved. Thanks so much for your help!
You might be able to do somehting like top-margin=-1px … I had to do something like that with a theme wchich put one line at bottom of every page which was super annoying…
Hi,
You can use some custom css to hide the containers :
.page-id-233 .td-main-content-wrap.td-main-page-wrap{
display:none!important
}
That should fix the white box
Thank you!
