Play youtube video in iOS app

Youtube video can be played in iOS app using webview. MPMoviePlayerController is not able to open youtube video automatically. Integrate the below script to show thumbnail, clicking on it the video will play in full screen.


    NSString *url = @"https://www.youtube.com/embed/8aMHGC6A5zc";
    
    NSString* embedHTML = @"\
    <html><head>\
    <style type=\"text/css\">\
    body {\
    background-color: transparent;\
    color: white;\
    }\
    </style>\
    </head><body style=\"margin:0\">\
    <iframe id=\"yt\" src=\"%@\" type=\"application/x-shockwave-flash\" \
    width=\"%0.0f\" height=\"%0.0f\" frameborder=\"0\" feature=player_detailpage allowfullscreen></iframe>\
    </body></html>";
    
    NSString* html = [NSString stringWithFormat:embedHTML, url, self.view.frame.size.width, 200.0];

    [webview loadHTMLString:html baseURL:nil];


///*******************AUTO PLAY IN iOS 10**********************
- (IBAction)btnPlayVideoAction:(UIButton *)sender {
    self.webView.scrollView.scrollEnabled = false;
    NSString *youTubeVideoHTML = @"<!DOCTYPE html><html><head><style>body{margin:0px 0px 0px 0px;}</style></head> <body> <div id=\"player\"></div> <script> var tag = document.createElement('script'); tag.src = \"http://www.youtube.com/player_api\"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubePlayerAPIReady() { player = new YT.Player('player', { width:'%0.0f', height:'%0.0f', videoId:'%@', events: { 'onReady': onPlayerReady, } }); } function onPlayerReady(event) { event.target.playVideo(); } </script> </body> </html>";

    
    NSString *html = [[NSString alloc]initWithFormat:youTubeVideoHTML, self.contentView.frame.size.width, self.contentView.frame.size.height, @"Sg2sKU4QIbg"];
    [self.webView loadHTMLString:html baseURL:[[NSBundle mainBundle] resourceURL]];


}

Comments

Popular posts from this blog

Vector graphics in iOS

Exception Handling - Objective C

How to show activity indicator in watch kit