Iframe 中的 YouTube 嵌入播放器在 iOS6 中不起作用

Posted

技术标签:

【中文标题】Iframe 中的 YouTube 嵌入播放器在 iOS6 中不起作用【英文标题】:YouTube Embed player in Iframe doesn't work in iOS6 【发布时间】:2013-10-20 19:10:40 【问题描述】:

我真的需要你的帮助。在 ios 应用程序上工作。我想玩youtube。我通过阅读许多博客和帖子了解到,我们需要使用 iframe 才能播放 youtube 视频。

但是,在某些视频中,我收到:“此视频包含来自 XYZ 的内容。它在某些网站上被限制播放。在 YouTube 上观看

我读到了这个问题:Youtube in iOS5 - done button Tapped,它提供了 youtube api 的链接:https://developers.google.com/youtube/player_parameters 他们建议使用 iframe。 youtube 网站的例子是:

<iframe id="ytplayer" type="text/html"  
  src="http://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&origin=http://example.com"
  frameborder="0"/>

我使用的代码:

<!DOCTYPE html>
<html>
<head>
<style>
* 
    border:0;
    margin:0;
    
</style>
</head>
<body>
    <iframe webkit-playsinline id="player" type="text/html"   src="http://www.youtube.com/embed/rEevIL1Wpcg?enablejsapi=1&playsinline=1&autoplay=1" frameborder="0">
    </iframe>
</body>
</html>

有人可以帮我理解吗?我检查了嵌入标志是否为真,它们都是允许在移动设备上播放的剪辑。

可在设备上播放的视频示例:

http://www.youtube.com/watch?v=rEevIL1Wpcg&feature=youtube_gdata http://www.youtube.com/watch?v=KzGe7pbGUiM

在设备上无法播放并显示错误消息的视频示例:

http://www.youtube.com/watch?v=1vhFnTjia_I&feature=youtube_gdata http://www.youtube.com/watch?v=sxkiA0IjBZ0&feature=youtube_gdata

【问题讨论】:

在this link 看到高票的答案,如果你在模拟器上运行?然后就可以在 Safari 上调试了。 【参考方案1】:

您可以使用 webview 作为 youtube 播放器

试试下面的代码它对我有用

在.h文件中

@property (strong, nonatomic) UIWebView *webView;

在你的 .m 文件中

    NSString *videoURL = @"http://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&origin=http://example.com";

// if your url is not in embed format or it is dynamic then you have to convert it in embed format.

    videoURL = [videoURL stringByReplacingOccurrencesOfString:@"watch?v=" withString:@"embed/"];

    NSRange range = [videoURLString rangeOfString:@"&"];
    @try 
         videoURLString = [videoURLString substringToIndex:range.location];
    
    @catch (NSException *exception) 

    

    // here your link is converted in embed format.

    NSString* embedHTML = [NSString stringWithFormat:@"\
    <html><head>\
    <style type=\"text/css\">\
    iframe position:absolute; top:50%%; margin-top:-130px;\
    body \
        background-color: transparent;\
    color: white;\
    \
    </style>\
    </head><body style=\"margin:0\">\
    <iframe width=\"100%%\" height=\"240px\" src=\"%@\" frameborder=\"0\" allowfullscreen></iframe>\
    </body></html>",videoURL];

    self.webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 320, 460)];
    [self.view addSubview:self.webView];
    [self.webView loadHTMLString:embedHTML baseURL:nil];

在这里您可以根据需要更改webview frame,也可以更改videoUrl

【讨论】:

虽然没有解决我的问题。你是得到赏金的人。【参考方案2】:

有两个概念,可嵌入和联合。 iOS 设备使用 iframe,因此它们基本上是嵌入的。 使用播放器 API 的 android 设备可以检查联合。

当您执行search->list 时,您可以将videoEmbeddable 和videoSyndicated 设置为true。

或者,如果您正在遍历视频,对于每个视频,您可以使用视频 ID 调用 video->list 并在响应中检查 status.embeddable。

这里有一个关于这个主题的blog post,即使示例在 v2 中,信息仍然是相关的。

【讨论】:

以上是关于Iframe 中的 YouTube 嵌入播放器在 iOS6 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

嵌入的 Youtube 播放器 iframe 不适用于我的频道

如何嵌入 youtube 播放器但不使用 iframe 方法?

嵌入 iframe 的 Youtube 视频无法在 Android 4.0.3 上播放

重复的 YouTube iframe 嵌入视频播放

单击图像时开始/播放嵌入式(iframe)youtube-video

如何找出加载 youtube 嵌入式 iframe 的时间