tips for you tube

14
Tips for YouTube KyasuSoft

Upload: keietsu-yasuhara

Post on 18-Nov-2014

226 views

Category:

Software


4 download

DESCRIPTION

UIWevViewでYouTubuの動画を表示する際のTips

TRANSCRIPT

Page 1: Tips for you tube

Tips for YouTubeKyasuSoft

Page 2: Tips for you tube

1. YouTubeの動画を表示したい

2. 動画の画面だけランドスケープを有効にしたい

Page 3: Tips for you tube

1.YouTubeの動画を表示

UIWebViewなら簡単。ただ、

• 他の動画に遷移させたくない

• 再生後に関係ない動画を表示させたくない

これをなんとかしたい。

Page 4: Tips for you tube

動画のURLを取得YouTubeで動画を表示させ、右クリックで

"埋め込みコードをコピー"

Page 5: Tips for you tube

使うのはココ

<iframe width="640" height="360" src="//www.youtube.com/embed/

RCCvHZ81200?feature=player_detailpage"

frameborder="0" allowfullscreen></iframe>

Page 6: Tips for you tube

WebViewで表示

NSString *urlStr = @"https://www.youtube.com/embed/emXEW-4kFqQ?feature=player_detailpage&rel=0&showsearch=0";

NSURL *url = [NSURL URLWithString:urlStr];

NSURLRequest* request = [NSURLRequest requestWithURL:url];

[self.webView loadRequest:request];

Page 7: Tips for you tube

• 他の動画に遷移させたくない • 再生後に関係ない動画を表示させたくない

NSString *urlStr = @"https://www.youtube.com/embed/emXEW-4kFqQ?feature=player_detailpage&rel=0&showsearch=0";

&rel=0&showsearch=0 検索ボックスを消す

関連動画をOFFにする

他にも...&autoplay=1&repeat=1

表示したらすぐ再生開始

繰り返し再生

Page 8: Tips for you tube

他の動画に飛びたくない その2

ここをタップすると動画のトップページに飛んでしまうので、 透明なViewを被せてタップを受け付けないようにします。

Page 9: Tips for you tube

参考)

• YouTubeで、再生後、他の関連動画を表示させない方法 (TIPS)

http://homepage-shindan.com/news/tips/youtube.html

Page 10: Tips for you tube

2. 動画の画面だけ ランドスケープを有効にしたい

Page 11: Tips for you tube

Target -> Generalの Device Orientationはランドスケープも有効にする

Page 12: Tips for you tube

特定のViewControllerのみ ランドスケープを有効にする

• TopのViewControllerで、表示中のViewControllerをチェックして特定のViewContorollerのみランドスケープも許可する。他のViewControllerはポートレートのみとする。

- (NSUInteger)supportedInterfaceOrientations { if ([[self.viewControllers lastObject] isKindOfClass:[SomeVC class]]) { return UIInterfaceOrientationMaskPortrait | UIInterfaceOrientationMaskLandscape; } else { return UIInterfaceOrientationMaskPortrait; } }

Page 13: Tips for you tube

細かいことですが、

ランドスケープから直接「戻る」と、トップ画面がランドスケープになってしまうので、横画面の時は「戻る」ボタンを隠します。

Page 14: Tips for you tube

KyasuSoft

おわり