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

1. Tips for YouTube
KyasuSoft

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

3. 1.YouTubeの動画を表示
UIWebViewなら簡単。ただ、
• 他の動画に遷移させたくない
• 再生後に関係ない動画を表示させ
たくない
これをなんとかしたい。

4. 動画のURLを取得
YouTubeで動画を表示させ、右クリックで
"埋め込みコードをコピー"

5. 使うのはココ
<iframe width="640" height="360"
src="//www.youtube.com/embed/
RCCvHZ81200?
feature=player_detailpage"
frameborder="0" allowfullscreen></
iframe>

6. 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];

7. • 他の動画に遷移させたくない
• 再生後に関係ない動画を表示させたくない
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
表示したらすぐ再生開始
繰り返し再生

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

9. 参考）
• YouTubeで、再生後、他の関連動画を表示させない
方法 (TIPS)
http://homepage-shindan.com/news/tips/
youtube.html

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

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

12. 特定のViewControllerのみ
ランドスケープを有効にする
• TopのViewControllerで、表示中のViewControllerをチェックして特定の
ViewContorollerのみランドスケープも許可する。他のViewControllerは
ポートレートのみとする。
- (NSUInteger)supportedInterfaceOrientations
{
if ([[self.viewControllers lastObject] isKindOfClass:[SomeVC class]]) {
return UIInterfaceOrientationMaskPortrait |
UIInterfaceOrientationMaskLandscape;
} else {
return UIInterfaceOrientationMaskPortrait;
}
}

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

14. KyasuSoft
おわり