WKWebView evaluateJavaScript不适用于youtube embedded video url

提问者：小点点

WKWebView evaluateJavaScript不适用于youtube embedded video url

我已将youtube嵌入式视频加载到wkwebview:https://www.youtube.com/embedd/amtub-2WGEQ？playsinline=1&autoplay=1

然后在WKWebView didFinishNavigation事件激发之后，我调用:

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {

webView.evaluateJavaScript("document.querySelector('video').play()", completionHandler: { (result, error) in
    if let r = result {
        print(r)
    }
    if let e = error {
        print(e)
    }
  })
}

但是，javascript命令没有被执行，错误和结果都为零。

当我在Chrome开发者工具中执行相同的javascript命令时，它成功地播放了视频，并通过调用“play()”和“pause()”暂停了视频。

document.querySelector('video').play()
document.querySelector('video').pause()

我不知道WKWebView里面发生了什么，有什么想法吗？谢啦！

共2个答案

匿名用户

好吧，终于弄明白为什么不起作用了。

如果您也在纠结“为什么我的javascript不能在WKWebView中工作”，下面是一个很好的方法来解释原因:

1.在桌面上打开Safari，首选项-&>；高级，启用“在菜单栏中显示开发人员菜单”

2.在Safari菜单中，开发-&>；模拟器，连接你的iPhone模拟器

null

4.然后调用“EvaluateJavaScript”中工作的那个

从我的案例来看，它不能工作的原因是嵌入式网页在普通web浏览器和WKWebView之间的呈现方式不同。我以浏览器脚本为例，它不能工作。

在Safari调试器的帮助下，您可以看到WKWebView内部的真实情况，这真的很酷。

null

匿名用户

null

#pragma mark - Embed Video

- (UIWebView *)embedVideoYoutubeWithURL:(NSString *)urlString andFrame:(CGRect)frame {
    NSString *videoID = [self extractYoutubeVideoID:urlString];

    NSString *embedHTML = @"\
    <html><head>\
    <style type=\"text/css\">\
    body {\
    background-color: transparent;\
    color: white;\
    }\
    </style>\
    </head><body style=\"margin:0\">\
    <embed id=\"yt\" src=\"http://www.youtube.com/v/%@\" type=\"application/x-shockwave-flash\" \
    width=\"%0.0f\" height=\"%0.0f\"></embed>\
    </body></html>";
    NSString *html = [NSString stringWithFormat:embedHTML, videoID, frame.size.width, frame.size.height];
    UIWebView *videoWebView = [[UIWebView alloc] initWithFrame:frame];
    [videoWebView loadHTMLString:html baseURL:nil];

    return videoWebView;
}

/**
 @see https://devforums.apple.com/message/705665#705665
 extractYoutubeVideoID: works for the following URL formats:

 www.youtube.com/v/VIDEOID
 www.youtube.com?v=VIDEOID
 www.youtube.com/watch?v=WHsHKzYOV2E&feature=youtu.be
 www.youtube.com/watch?v=WHsHKzYOV2E
 youtu.be/KFPtWedl7wg_U923
 www.youtube.com/watch?feature=player_detailpage&v=WHsHKzYOV2E#t=31s
 youtube.googleapis.com/v/WHsHKzYOV2E
*/

- (NSString *)extractYoutubeVideoID:(NSString *)urlYoutube {
    NSString *regexString = @"(?<=v(=|/))([-a-zA-Z0-9_]+)|(?<=youtu.be/)([-a-zA-Z0-9_]+)";
    NSError *error = NULL;
    NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:regexString options:NSRegularExpressionCaseInsensitive error:&error];
    NSRange rangeOfFirstMatch = [regex rangeOfFirstMatchInString:urlYoutube options:0 range:NSMakeRange(0, [urlYoutube length])];

    if(!NSEqualRanges(rangeOfFirstMatch, NSMakeRange(NSNotFound, 0))) {
        NSString *substringForFirstMatch = [urlYoutube substringWithRange:rangeOfFirstMatch];

        return substringForFirstMatch;
    }

    return nil;
}

或者使用谷歌的youtube-ios-player-helper pod