代码之家 › 专栏 › 技术社区 › Allisone

将YouTube嵌入到透明img后面的uiwebview中。wmode透明和z-index不起作用

embed youtube uiwebview iphone

0

Allisone · 技术社区 · 15 年前

这是我第一次使用uiwebview,也是我第一次在iPhone中使用视频。视频播放, 但是 :

我想要一台老式的电视机(圆角)放在前台,上面有开关等等。电视是一个中间有透明像素的图像,因此放在电视后面的视频会像电视上显示的那样发光。

但首先,视频有一个我无法删除的边框,其次,它总是在前景中。在Safari和Mac上的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];      
}

1 回复 | 直到 14 年前

1

0

Allisone 14 年前

我没有找到CSS/HTML/JS解决方案。

所以现在我将tv.png添加到uiimageview,并将该视图放在uiwebview的顶部,它正在工作,并不是一个大的黑客,所以我将使用它,但也许有人仍然可以回答最初的问题?

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

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