We had this discussion before. That’s not going to be possible unless the viewports are exactly those dimensions.
Remember breakpoints are not about devices, but the viewport width. Windows can be resized.
That’s if I understand you correctly. The video is full width and fills the height and no cropping of the video.
So are you saying, even in the compressed file I left you, I won’t be able to see the full width & height of the videos? Sorry I am a little confused.
I don’t have any file.
Does that mean I must set the bloc to full screen on all the breakpoints?
I thought I tried this as shown in the compressed file. It did not work there also.
What’s with the format? Just make it a zip
An app in my MAC made that
Try it again please. I think the upload got corrupted. I just repaired the link.,
So where did you get those dimensions from for the height for each breakpoint?
eg. The iPhone 15 pro, resolution of 1179 x 2556 or basically its 393 x 852, is an aspect ratio of 9:19.5, older iPhones are 6:16 and even 3:4. And thats just iPhones, then you have all the other phones out there.
You also are assuming everyone has their desktop browser open in full screen, Macs, have an aspect of 16:10, and a lot of monitors are usually 16:9, then you have ultra wide etc.
The best solution is to use black crop bars top and bottom that will only show when the viewport is not ideal, if you do not want the video to crop. And set a max width for ultra wide, because some people do use their browsers at full screen on ultra wide! (I had a client do this). So basically make use of max-width and max-height, and margin auto to achieve this.
This is shapes and colours, and we had this discussion before.
What do you mean by “most” ?
I wonder how many Bloc’s user know what this means and how to implement “shapes and colors.”
This video show exactly what many of us are looking for.
I don’t see shape & colors. 
Is it possible for Blocs, without adding code, to implement this for the prescribe viewports?
Please understand, I am asking about the content aware and not optimization.
I know I have a long way to go, before I figure this out, but I am trying so many thing just to get my head around this. This works w3school…
What am I missing in Blocs to do the same? Please keep it simple.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
video {
width: 100%;
height: auto;
}
</style>
</head>
<body>
<video autoplay mute loop>
<source src="https://armingchampions.com/rwd-videos/world-series-armwrestling_D.mp4" type="video/mp4">
<source src="" type="">
Your browser does not support HTML5 video.
</video>
<p>Resize the browser window to see how the size of the video player will scale.</p>
</body>
</html>
Stranger it works in Chrome. I also just check it on my Android and it works there.
Didn’t work on my phone, does on Safari on Mac.
Interesting… I wonder why? It works on my Android
This video is the one that doesn’t work
Based on that code you posted above…. The video stays full width and the height will adjust. This is not what you asked for, you didn’t want any space under the video or for the video to crop.
Let’s forget all that, please. I am doing my best to explain, I think what users have been asking for a while.
Keep in mind I am just asking about the content aware and not optimization.
To keep it simple, this is all I want for Blocs to do.
I think changing how you are describing things hasn’t helped. It’s obvious I’m not following exactly what you mean. I have asked for clarity a few times.
I still can’t play that video on my phone.