質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

YouTube

YouTubeとはユーザーがビデオをアップロード・共有・閲覧できるビデオ共有ウェブサイトです。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

1回答

676閲覧

【swift】UIWebViewでYoutube動画をインライン再生時のレイアウトについて

HNSZ

総合スコア33

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

YouTube

YouTubeとはユーザーがビデオをアップロード・共有・閲覧できるビデオ共有ウェブサイトです。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2018/10/26 19:15

UIWebViewでYoutube動画をインライン再生する際の、
レイアウトについて質問がございます。

現在、下記コードにてyoutube動画をインライン再生しております。
再生自体は問題がないのですが、「アプリを開く」表示や、「検索マーク」表示が
スペースを取ってしまっております。

こちらを消去して、初期表示を動画サムネイルのみとすることは可能でないでしょうか?
何か参考になる情報がございましたら
ご共有いただけると嬉しいです。

何卒宜しくお願いします。

・画面
イメージ説明
・コード
override func viewDidLoad() {
super.viewDidLoad()

    *省略

let config = WKWebViewConfiguration() config.allowsInlineMediaPlayback = true config.mediaTypesRequiringUserActionForPlayback = .all webView = WKWebView(frame:CGRect(x:0, y:0, width:self.view.bounds.size.width, height:self.view.bounds.size.height / 5) , configuration: config) webView.contentMode = UIViewContentMode.scaleAspectFit guard let VC2youtubeURL = VC2youtubeURL else { return } let urlString = "https://www.youtube.com/(VC2youtubeURL)" let encodedUrlString = urlString.addingPercentEncoding(withAllowedCharacters:NSCharacterSet.urlQueryAllowed) let url = NSURL(string: encodedUrlString!) let request = NSURLRequest(url: url! as URL) webView.load(request as URLRequest) self.contentView.addSubview(webView) }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

スクロール位置を調整するくらいしかないと思います

サムネイル画像を得るなら別の方法があります

こうです
https://img.youtube.com/vi/" + youtubeId + "/0.jpg"

例えばこの動画なら
https://www.youtube.com/watch?v=C9O28ne6bG8
こう
https://img.youtube.com/vi/C9O28ne6bG8/0.jpg

URLがわかれば現状サムネイルが簡単に取れます
ただしいつまでも同じかはYoutube次第です

ちなみにそれっぽくするなら、真ん中にYoutubeアイコンを乗せるといいです
アイコンは公式が配布しています
https://www.youtube.com/intl/ja/yt/about/brand-resources/#logos-icons-colors

投稿2018/10/27 06:33

編集2018/10/27 06:35
kosanai

総合スコア471

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

HNSZ

2018/10/28 15:18

kosanai様 ご丁寧に回答ありがとうございます! できないこと承知しました。 >サムネイル画像を得るなら別の方法があります 知りませんでした。 なんとか、そちらのサムネイル画像を表示する方法で進められそうです。 大変助かりました。 ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問