在透明 img 后面的 UIWebView 中嵌入 Youtube。 Wmode 透明和 z-index 不起作用答案

【问题标题】：Embed Youtube in UIWebView behind transparent img. Wmode transparent and z-index doesn't work在透明 img 后面的 UIWebView 中嵌入 Youtube。 Wmode 透明和 z-index 不起作用
【发布时间】：2011-03-01 23:03:20
【问题描述】：

这是我第一次使用 UIWebView，也是我第一次在 iPhone 中使用视频。视频播放，但是：

我想在前景中有一台带有开关等的老式电视（圆角）。电视是一个中间有透明像素的图像，所以放在电视后面的视频会透出来，就好像视频会在电视上播放一样。

但首先，视频有一个我无法删除的边框，其次它总是在前景中。在 Mac 上的 Safari 和 Firefox 中，它可以正常工作。那么它是 iPhone 的东西吗，难道它根本无法在 iPhone 上运行吗？还是我有一些 css/html 拼写错误？

我正在使用此代码：

- (void)embedYouTube:(NSString *)urlString frame:(CGRect)frame {
  NSString *embedHTML = @"\
  <html><head>\
  <style type=\"text/css\">\
  body {\
  background-color: black;\
  }\
  #container{\
  position: relative;\
  z-index:1;\
  }\
  #video,#videoc{\
  position:absolute;\
  z-index: 1;\
  border: none;\
  }\
  #tv{\
  background: transparent url(tv.png) no-repeat;\
  width: 320px;\
  height: 205px;\
  position: absolute;\
  top: 0;\
  z-index: 999;\
  }\
  </style>\
  </head><body style=\"margin:0\">\
  <div id=\"tv\"></div>\
  <object id=\"videoc\" width=\"240\" height=\"160\">\
  <param name=\"movie\" value=\"%@\"></param>\
  <param name=\"wmode\" value=\"transparent\"></param>\
  <embed wmode=\"transparent\" id=\"video\" src=\"%@\" type=\"application/x-shockwave-flash\" \
  width=\"240\" height=\"160\"></embed>\
  </object>\
  </body></html>";
  NSString *path = [[NSBundle mainBundle] bundlePath];
  NSURL *baseURL = [NSURL fileURLWithPath:path];      
  NSString *html = [NSString stringWithFormat:embedHTML, urlString,urlString];
  UIWebView *videoView = [[UIWebView alloc] initWithFrame:frame];
  [videoView loadHTMLString:html baseURL:baseURL];
  [self.view addSubview:videoView];
  [videoView release];      
}

【问题讨论】：

好吧，我现在将电视添加到 UIWebView 之上的 UIImageView 中，它可以正常工作并且没有那么大的 hack，所以我会继续使用它，但也许有人仍然可以回答这个问题？

标签： iphone uiwebview youtube embed

【解决方案1】：

我还没有找到 css/html/js 解决方案。

所以现在我将 TV.png 添加到 UIImageView 并将该视图放置在 UIWebView 之上，它可以正常工作并且没有那么大的 hack，所以我会继续使用它，但也许有人仍然可以回答原始问题?

所以我现在的图层顺序是：

UIView
  add: UIWebView
  add: UIImageView (with UIImage TV.png)

【讨论】：