Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Tips for YouTube
KyasuSoft
1. YouTubeの動画を表示したい
2. 動画の画面だけランドスケープを
有効にしたい
1.YouTubeの動画を表示
UIWebViewなら簡単。ただ、
• 他の動画に遷移させたくない
• 再生後に関係ない動画を表示させ
たくない
これをなんとかしたい。
動画のURLを取得
YouTubeで動画を表示させ、右クリックで
"埋め込みコードをコピー"
使うのはココ
<iframe width="640" height="360"
src="//www.youtube.com/embed/
RCCvHZ81200?
feature=player_detailpage"
frameborder=...
WebViewで表示
NSString *urlStr = @"https://www.youtube.com/embed/
emXEW-4kFqQ?feature=player_detailpage&rel=0&showsearch=0";
...
• 他の動画に遷移させたくない
• 再生後に関係ない動画を表示させたくない
NSString *urlStr = @"https://www.youtube.com/embed/
emXEW-4kFqQ?feature=player_detai...
他の動画に飛
びたくない
その2
ここをタップすると動画の
トップページに飛んでしまう
ので、
透明なViewを被せてタップを
受け付けないようにします。
参考)
• YouTubeで、再生後、他の関連動画を表示させない
方法 (TIPS)
http://homepage-shindan.com/news/tips/
youtube.html
2. 動画の画面だけ
ランドスケープを有効にしたい
Target -> Generalの
Device Orientationはランドスケープも有効にする
特定のViewControllerのみ
ランドスケープを有効にする
• TopのViewControllerで、表示中のViewControllerをチェックして特定の
ViewContorollerのみランドスケープも許可する。他のViewC...
細かいことですが、
ランドスケープから直接「戻る」と、トップ画面がラン
ドスケープになってしまうので、横画面の時は「戻る」
ボタンを隠します。
KyasuSoft
おわり
Upcoming SlideShare
Loading in …5
×

Tips for you tube

646 views

Published on

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

Published in: Software
  • Be the first to comment

  • Be the first to like this

Tips for you tube

  1. 1. Tips for YouTube KyasuSoft
  2. 2. 1. YouTubeの動画を表示したい 2. 動画の画面だけランドスケープを 有効にしたい
  3. 3. 1.YouTubeの動画を表示 UIWebViewなら簡単。ただ、 • 他の動画に遷移させたくない • 再生後に関係ない動画を表示させ たくない これをなんとかしたい。
  4. 4. 動画のURLを取得 YouTubeで動画を表示させ、右クリックで "埋め込みコードをコピー"
  5. 5. 使うのはココ <iframe width="640" height="360" src="//www.youtube.com/embed/ RCCvHZ81200? feature=player_detailpage" frameborder="0" allowfullscreen></ iframe>
  6. 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. 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. 8. 他の動画に飛 びたくない その2 ここをタップすると動画の トップページに飛んでしまう ので、 透明なViewを被せてタップを 受け付けないようにします。
  9. 9. 参考) • YouTubeで、再生後、他の関連動画を表示させない 方法 (TIPS) http://homepage-shindan.com/news/tips/ youtube.html
  10. 10. 2. 動画の画面だけ ランドスケープを有効にしたい
  11. 11. Target -> Generalの Device Orientationはランドスケープも有効にする
  12. 12. 特定のViewControllerのみ ランドスケープを有効にする • TopのViewControllerで、表示中のViewControllerをチェックして特定の ViewContorollerのみランドスケープも許可する。他のViewControllerは ポートレートのみとする。 - (NSUInteger)supportedInterfaceOrientations { if ([[self.viewControllers lastObject] isKindOfClass:[SomeVC class]]) { return UIInterfaceOrientationMaskPortrait | UIInterfaceOrientationMaskLandscape; } else { return UIInterfaceOrientationMaskPortrait; } }
  13. 13. 細かいことですが、 ランドスケープから直接「戻る」と、トップ画面がラン ドスケープになってしまうので、横画面の時は「戻る」 ボタンを隠します。
  14. 14. KyasuSoft おわり

×