- Get link
- Other Apps
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**********************
///*******************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
Post a Comment