Hi - The full-screen button doesn't make the video stretch, it just makes the rest of the screen black, on our new JWPlayer 6 code, which you can see in action here:
http://blogs.kqed.org/blog/2014/07/24/test-jw-6-9/
What are we doing wrong?
(We were having an issue of showing black bars around the video but changing the default to Flash fixed that, even though we didn't want to use Flash as the default.)
This appears to be a MIME type problem. Your video is initially served as "video/mp4," but only when the application is grabbing some metadata from it. When it's actually playing the video, the server is tagging it as "application/octet-stream," which isn't going to work properly.
View in conversationThis appears to be a MIME type problem. Your video is initially served as "video/mp4," but only when the application is grabbing some metadata from it. When it's actually playing the video, the server is tagging it as "application/octet-stream," which isn't going to work properly.
It might be an issue with your WP theme’s CSS clashing with html5 <video>, as well.
Tough one to sort out. I'm seeing the same error even in Flash mode (using IE8). That kind of rules out a CSS clash with the HTML5 <video> tag, but it also makes a MIME type problem less likely to be the culprit!
My vote would, however, be with something weird in the WP theme's CSS - that seems like the most likely explanation. I just can't sift through the layers of CSS to find it.
Sometimes a theme CSS can even cause this issue if Flash is used, if the player is responsive.
I'll try to get our host to send the correct MIME type.
That's a good thing to do, but I think Ethan's right - I think this is a CSS conflict.
Yeah, I would test by using a different theme to see if it makes a difference. If that doesn’t work, it could be another plugin.
It was the MIME type, actually. Thanks for your help!
You can see it working here:
http://blogs.kqed.org/blog/video/test-video-story/
Oh wow, very nice.
Geez, my first wild-ass guess was right?! I'll mark this date on the calendar. ;)
;) haha
