I’m not even sure what’s happening here, but I have this movie in a div tag, and on mobile devices, the entire thing doesn’t fit within a browser window. I’ve never had this happen before. Does anyone have an idea why this isn’t working? I’ve tried adding width to the body, adding margins, etc. I can’t even get it to center let alone open correctly in a mobile browser:
Everything is wrapped in a div .shell that has a fixed width of 1630 pixels and you’ve also set the body to be 1800 pixels wide. It won’t even fit on my laptop screen (1350 pixels wide) so of course it won’t fit on much smaller screens, like mobile devices that are around 300-400 pixels wide.
right, but if I remove the shell, the movie and playlist dynamically size. the problem with that is the movie doesn’t vertical align to top. I’d leave it that way but I need a shell to keep the movie aligning.
Also, check out http://www.longtailvideo.com/jw-player for a site. Their movie has a fixed width, but even on my iPhone, this entire page will shrink to fit, just like a regular website. Mine isn’t and I can’t for the life of me figure out why. I’ve never seen this before on any site I’ve ever created before.
single videos are never the problem. It’s this video with the playlist, and I can see right on the company home page that they are able to get this to work. What I need is some sort of div wrapper that makes it so I can see this on my html page.
I’ve replicated what they are doing and it’s still not working, so any hints or insights would be greatly appreciated.