Viewing playing 1080p video in a 540px screen
playing 1080p video in a 540px screen
|
User: Christopher 12 years ago
|
|
|
This one's for Roddy, or admin, unless there are any other geniuses out there with an answer to my dilemma. I would've pm'd, but that function is currently not working. I've been using Sublime Video as an HTML5 player and have successfully created playlists as well as single movie pages playing 540p in a 960x540 px HTML Snippet, using their code and a bunch of CSS and Javascript. For a single movie page being developed for private clientele, I'd like to get a 1080p sized video to play inside the same 540px frame. That way, I can maintain design consistency within EW, and also deliver the best product possible when the viewer goes FULL SCREEN. Make sense? The alternative would be to offer a progressive QT download, but I like this idea better. So far it doesn't work. The 1080p video reduces in size (even smaller than the 540p) both in the snippet and in Full Screen mode. You can test here by toggling HD (until I password protect this link). The video is just a short demo until I get things working. HD is set for 1080p. Toggled off, it reverts to 540p. http://cleetche.com/movie-clips/beach-h ... h-cut.html Here's the code, offered by Sublime, pasted into an HTML snippet (no CSS or Java): <video id="soloshye_*****" class="sublime" data-initial-overlay-enable='false' poster="http://cleetche.com/video-posterframes/BeachHawkers_posterframe.jpg" width="960" height="540" title="Beach Hawkers - Rough Cut 2013" data-embed-size="960x540" data-uid="soloshye_******" preload="none"> <source src="http://cleetche.com/videos/HAWKERS_RC5-10Mbps-48-256-G115_1080p.mp4" data-quality="hd" /> <source src="http://cleetche.com/videos/HAWKERS_RC5-5Mbps-48-256-G115_540p.mp4" /> </video> ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Roddy 12 years ago
|
|
|
I tried to answer your PM - and thought I did - but obviously it didn't go through. Maybe PMs have been disabled to stop us having these top secret conversations! It seems to me that the video works OK. On page load I get a 720 x 405 movie playing in a 960 x 540 frame. When I click HD the movie fills the frame. If you want both movies to play in the same size frame, change this in the code... width="960" height="540" to this... width="720" height="405" ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Christopher 12 years ago
|
|
|
No, you're PM didn't go through. Or if I did, I can't access it now. You shouldn't be getting a 720 x 405 movie. Sublime lets you put two options there, the one set for HD is 1920 x 1080. The second, toggled off, is 960 x 540. I want them both to play at 960 x 540. Then Full Screen option can deliver a better picture with the 1080p version. I've emailed Sublime and am waiting for their answer too. But they usually take a week to respond. ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Christopher 12 years ago
|
|
|
This problem is resolved. My video file was actually 1440 x 1080 (HDV), showing as 1920 in QT which is why everything looked fine. But the HTML5 video player read 1440 and then reduced by 50% to fit into my snippet window, resulting in the problem described. I recompressed the video to 1920 (overriding the auto 100% option in Apple Compressor) and all is good and wonderful ;)
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Roddy 12 years ago
|
|
|
That's right, blame Apple. They always mess things up!
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Christopher 12 years ago
|
|
|
Lol, it's not that I'm blaming Apple. It has to do with Square pixels and round pixels. I don't have Compressor open at the moment, but if you use it's Auto feature, it copies the pixel aspect ratio used by HDV, which plays fine with players that compensate in turn. Just not with HTML 5, or at least Sublime. Which is why I ended up with a 720 by 405 video (reduced from 1440) in order to fit a 960 x 540 screen. Now I've got 1080p playing in there just fine so when my end user goes full screen, they're getting the best I can deliver! In the end, through much trial and error, things are working out...
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Roddy 12 years ago
|
|
|
Quote: It has to do with Square pixels and round pixels I use hexagonal pixels so that they all fit together precisely and don't cause problems. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Christopher 12 years ago
|
|
|
[quote="Roddy":3ucajfjc]Quote: It has to do with Square pixels and round pixels I use hexagonal pixels so that they all fit together precisely and don't cause problems.[/quote:3ucajfjc] What I meant to say was square vs rectangular. 1.0 vs 1.15 (I believe). The technicalities of these things don't interest me too much, so don't quote me on another mistake! ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
| Post Reply |
| You must login or signup to post. |