Center an embedded youtube video in a UIWebview Swift

Question

I have a webveiw with a youtube video i embedded.It work fine and all but the problem is I want it to be entered and be the size of the width of the web view. Right now it is to the left side and not expanded to the other size. The hight is fine but I want the width fixed.

where player is the uiview Here is what I have so far:

    let myVideo = "https://myvideo"

    let myHTML = "<iframe width=\"\(player.frame.size.width)\" height=\"\(player.frame.size.height)\" src=\"\(myVideo)?&playsinline=1\" frameborder=\"0\" allowfullscreen></iframe>"


    player.allowsInlineMediaPlayback = true
    player.loadHTMLString(myHTML, baseURL: nil)
    player.frame = UIScreen.mainScreen().bounds


    player.backgroundColor = UIColor.clearColor()
    player.widthAnchor.constraintEqualToConstant(250)

Thanks for any help with this.

Answer 1

I would highly recommend you to use https://github.com/youtube/youtube-ios-player-helper, Its official way to do it. Give it try, you don't need to write html and css yourself.

Sample Usage

1) Add pod in your project

pod 'youtube-ios-player-helper'  

2) Add UIView in xib and change its class to YTPlayerView

3) Create IBOutlet for YTPlayerView

@property(nonatomic, strong) IBOutlet YTPlayerView *playerView;

4) In ViewController.m

NSDictionary *playerVars = @{
                              @"playsinline"    : @1,
                              @"showinfo"       : @0,
                              @"rel"            : @0,
                              @"controls"       : @1,
                              @"origin"         : @"https://www.example.com", // this is critical
                              @"modestbranding" : @1
                            };

[self.playerView loadWithVideoId:@"Youtube Video Id" playerVars:playerVars];

For complete documentation please visit.
https://github.com/youtube/youtube-ios-player-helper