WKWebView evaluateJavaScript没有为youtube嵌入式视频url工作。
我已经将一个youtube嵌入式视频加载到WKWebView：https://www.youtube.com/embed/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()“和”暂停()“暂停了视频。
document.querySelector('video').play()
document.querySelector('video').pause()我不知道WKWebView里面发生了什么，有什么想法吗？谢谢!
回答 2
Stack Overflow用户
发布于 2017-04-11 00:43:13
好吧，终于弄明白为什么它不起作用了。
如果您也在纠结于“为什么我的javascript不在WKWebView中工作”，下面是一个很好的方法来找出原因：
1.在桌面上打开Safari，Preferences -> Advanced，启用“菜单栏中的显示开发人员菜单”
2.在Safari菜单中，开发->模拟器，连接iPhone模拟器
3.现在您可以在Safari中看到web页面html和脚本，在控制台输入区域，尝试运行不同的javascript来查看哪一个工作.。
4.然后调用"evaluateJavaScript"中工作的那个
从我的情况来看，它不能工作的原因是嵌入式网页在普通的web浏览器和WKWebView之间呈现的不同。我以浏览器脚本为例，它不起作用。
在Safari调试器的帮助下，您可以看到WKWebView内部到底发生了什么，这真的很酷。
如果你遇到同样的问题，希望它能有所帮助。谢谢!
Stack Overflow用户
发布于 2017-04-08 03:52:53
使用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-player-helper
https://stackoverflow.com/questions/43288339
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号