WKWebView evaluateJavaScript不工作嵌入的YouTube视频网址

我已经加载一个嵌入的YouTube视频到WKWebView： https://www.youtube.com/embed/amtuB-2wGeQ?playsinline=1&autoplay=1 WKWebView evaluateJavaScript不工作嵌入的YouTube视频网址

然后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发生了什么事，什么想法？谢谢！

来源

2017-04-07 RainCast

OK，终于想通了，为什么它不工作。

如果你也与“为什么我的JavaScript未在WKWebView工作”的挣扎，下面是要弄清楚为什么一个巧妙的方法：

1.打开Safari浏览器，设置 - >高级，启用“显示开发商在菜单栏的”

2.在Safari浏览器菜单，制定菜单 - >模拟器，连接你的iPhone模拟器

3.现在你可以看到在Safari网页HTML和脚本，在控制台输入区域，尝试运行不同的JavaScript来查看哪一个工作。

4.然后调用从“evaluateJavaScript”

原因工作的一个，它为什么没有从我的情况下工作，是该嵌入式网页是常见的web浏览器和WKWebView之间呈现不同。我以浏览器脚本作为例子，它不起作用。

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

希望它有助于您遇到同样的问题。谢谢！

来源

2017-04-11 00:43:13 RainCast

使用UIWebView代替WKWebView并使用此代码播放YouTube视频。

#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玩家辅助荚

来源

2017-04-08 03:52:53

我不能...我的项目已修复只使用wkwebview ...谢谢虽然 – RainCast

WKWebView evaluateJavaScript不工作嵌入的YouTube视频网址

回答

相关问题