How change videoGravity of VideoPlayer in SwiftUI

Question

I have the new iOS 14 VideoPlayer:

Code Block private let player = AVPlayer(url: Bundle.main.url(forResource: "TL20_06_Shoba3_4k", withExtension: "mp4")!)
		var body: some View {
								VideoPlayer(player: player)
								.aspectRatio(contentMode: .fill)
...

This player setup can not display 4:3 video on 16:9 screen of tv without black stripes. Modifier aspectRatio does not work on VideoPlayer.

How can I set videoGravity of existed AVPlayerLayer to resizeAspectFill via SwiftUI API?

4.9k

Posted by

egormerkushev

Reply

Add a Comment

Answer 1

You can use the .scaledToFill() view modifier on VideoPlayer:
VideoPlayer(player: player).scaledToFill()

Posted by

anarux

Add a Comment

Answer 2

VideoPlayer(player: player).scaledToFill()
doesn't work either

Posted by

ngb

Add a Comment

Answer 3

Bump. Any solution to this?

Posted by

lurcovq

Add a Comment

Answer 4

Bump this would be nice to do

Posted by

bryan1anderson

Add a Comment

Answer 5

This should be solved with videoGravity = .resizeAspectFill

Posted by

miraskendraoui

Add a Comment

Answer 6

You should be able to use

.aspectRatio(CGSize(width: 9, height: 16), contentMode: .fill)

If VideoPlayer is within a ZStack it will try to take as much room as possible. In some instance, when I am layering content on top of a video, you need to make the VideoPlayer the background of the view.

var body: some View {
        ZStack {
            VStack {
                Text("Hello")
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .background(Color.red)
                Spacer()
            }
        }
        .background(
            VideoPlayer(player: AVPlayer(url: URL(string: "url")!))
                .aspectRatio(CGSize(width: 9, height: 16), contentMode: .fill)
                .ignoresSafeArea()
        )
    }

Posted by

hulsizer

Add a Comment

How change videoGravity of VideoPlayer in SwiftUI

Replies