Question

我想创建一些CSS来管理UIWebView中嵌入式视频播放器的方向。这些CSS应该根据设备的方向调整播放器的大小。

如何在iphone应用程序中创建和添加CSS以使用我的iPhone / iPad执行以下代码？

    <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">  
    <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

修改

以下是我为嵌入式视频所做的代码。（* youTubePlayer是UIWebView的一个实例。）

    NSString* embedHTML = @"<html><head><style=\"margin:0\" link rel=\"stylesheet\" media=\"all and (orientation:portrait)\" href=\"portrait.css\">"
    "<link rel=\"stylesheet\" media=\"all and (orientation:landscape)\" href=\"landscape.css\">"
    "</style></head>"
    "<body embed id=\"yt\" src=\"%@\"type=\"application/x-shockwave-flash\"></embed>"
    "</body></html>";
    NSString* html = [NSString stringWithFormat:embedHTML, url];
    NSString *path = [[NSBundle mainBundle] bundlePath];
    NSURL *baseURL = [NSURL fileURLWithPath:path];
    [youTubePlayer loadHTMLString:html baseURL:baseURL];

并且还添加了 landscape.css 身体 { 宽度：1002; 身高：768; }

portrait.css 身体 { 宽度：768; 身高：1024; }

即使它不能正常工作。代码有什么问题，请告诉我。

Answer 1

最后，我已到达目的地并通过以下代码解决问题。它与youtube视频完美配合，并设置了UIWebview的方向。以下代码的好处是，它不会重新启动设备方向更改的视频。

    NSString* embedHTML = @"<html><head><link rel=\"stylesheet\" media=\"all and (orientation:portrait)\" href=\"portrait-ipad.css\"><link rel=\"stylesheet\" media=\"all and (orientation:landscape)\" href=\"landscape-ipad.css\"></head><body><iframe type=\"text/html\" src=\"http://www.youtube.com/embed/%@\" frameborder=\"0\"></iframe></body></html>";
    NSString *videoID = [url stringByReplacingOccurrencesOfString:@"http://www.youtube.com/watch?v=" withString:@""];
    videoID = [videoID stringByReplacingOccurrencesOfString:@"&feature=youtube_gdata" withString:@""];
    html = [NSString stringWithFormat:embedHTML, videoID];      
    NSString *path = [[NSBundle mainBundle] bundlePath];
    NSURL *baseURL = [NSURL fileURLWithPath:path];
    [youTubePlayer loadHTMLString:html baseURL:baseURL];

（youTubePlayer是UIWebView的一个实例。）

Answer 2

你刚刚在宽度和高度之后错过了px吗？例如portrait.css body {width：768px;身高：1024px;而不是portrait.css body {width：768;身高：1024; }

如何重新设定高度;使用CSS的嵌入式播放器的宽度？

2 个答案: