How change videoGravity of VideoPlayer in SwiftUI

Question

egormerkushev OP

Created Jul ’20

Replies 6

Boosts 0

Views 5.2k

Participants 7

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?

Boost

Answer 1

anarux OP

Sep ’20

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

0

Answer 2

ngb OP

Oct ’20

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

1

Answer 3

lurcovq OP

Apr ’21

Bump. Any solution to this?

0

Answer 4

bryan1anderson OP

Apr ’22

Bump this would be nice to do

0

Answer 5

miraskendraoui OP

Jul ’23

This should be solved with videoGravity = .resizeAspectFill

0

Answer 6

hulsizer OP

Aug ’23

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()
        )
    }

1