个人中心
gpt4 book ai didi

ios - UIWebview 不能很好地显示 iOS 8 的嵌入式 youtube

转载 作者：塔克拉玛干 更新时间：2023-11-02 08:17:09 25 4
gpt4 key购买 nike

我很难在 UIWebview 中播放 embed youtube。

如果我使用来自 youtube 的默认嵌入格式，它不会在 UIWebview 中显示任何内容。只是空白。 

NSString *htmlString = @"<html><body><iframe width=\"420\" height=\"315\" src=\"//www.youtube.com/embed/XNnaxGFO18o?rel=0\" frameborder=\"0\" allowfullscreen></iframe></body></html>";
[self.webView loadHTMLString:htmlString baseURL:nil];

我四处搜索，发现以下代码有效。

NSString* embedHTML = @"\
<html><body style=\"margin:0;\">\
<<div class=\"emvideo emvideo-video emvideo-youtube\"><embed id=\"yt\" src=\"http://www.youtube.com/embed/bPM8LKYMcXs?hd=1\" width=\"320\" height=\"250\"></embed></div>\
</body></html>";
[self.webView loadHTMLString:embedHTML baseURL:nil];

但是，有一个问题。如果我点击播放按钮，它没有任何反应。我必须点击播放按钮几次并等待一会儿，然后它开始旋转然后播放。

所以我有两个问题。

1) 你有更好的方法在 UIWebView 中播放嵌入的 youtube 视频吗？2) 如何在点击播放按钮后立即播放视频？

谢谢。

最佳答案

创建一个普通的 html 文件并将其命名为 youtubeEmbedding.html 并将其添加到 youtubeEmbedding.html 中的项目中，只需将以下代码添加到 。 html 文件

<!DOCTYPE html>
<html>
<head>
    <style>body{margin:0px 0px 0px 0px;}</style>
</head>
<body>
    <div id="player"></div>
    <script>
        var tag = document.createElement('script');
        tag.src = 'http://www.youtube.com/player_api';

        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
        firstScriptTag.requestFullScreen();
        var ytplayer = null;

        function onYouTubePlayerAPIReady() 
        {
            ytplayer = new YT.Player(
                                     'player',
                                     {
                                     videoId:'%@',
                                     width:'%0.0f',
                                     height:'%0.0f', %@
                                     playerVars:
                                     {
                                     'controls': %d,
                                     'playsinline' : 0,
                                     'rel':0,
                                     'showinfo':0
                                     },
                                     });
        }


    function onPlayerReady(event)
    {
        event.target.playVideo();
    }

    function stopVideo()
    {
        if (ytplayer)
        {
            ytplayer.stopVideo();
            ytplayer.clearVideo();
        }
        return 'STOPPED';
    }

    function playVideo()
    {
        if (ytplayer)
        {
            ytplayer.playVideo();
        }
        return 'PLAY';
    }

    function pauseVideo()
    {
        if (ytplayer)
        {
            ytplayer.pauseVideo();
            ytplayer.clearVideo();
        }
        return 'PAUSED';
    }

    function getPlayerState()
    {
        return ytplayer.getPlayerState();
    }

    function isPlaying()
    {
        return (myPlayerState == YT.PlayerState.PLAYING);
    }
    function isPaused()
    {
        return (myPlayerState == YT.PlayerState.PAUSED);
    }
    function onPlayerError(event)
    {
        alert("Error");
    }
    </script>
</body>

在你使用 web view 的 Controller 中就像下面那样

- (void)viewDidLoad
{
   BOOL autoPlay = NO;
   // Do any additional setup after loading the view, typically from a nib.
   NSString *youTubeVideoHTML  = [[NSString alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"youtubeEmbedding" ofType:@"html"] encoding:NSUTF8StringEncoding error:nil];
   NSString *autoPlayString    =  autoPlay ? @"events: {'onReady' : onPlayerReady }," : @""; //customise it weather u want to autoplay or not
   NSURL *url = [NSURL URLWithString:@"https://www.youtube.com/watch?v=AYo72E7ZMHM"];
   NSString *lastComponent = [url query];
   NSString *videoId   = [lastComponent  stringByReplacingOccurrencesOfString:@"v=" withString:@""]; //get  the video id from url
   NSInteger controls  = 1; //i want to show controles for play,pause,fullscreen ... etc
   NSString *html      = [NSString stringWithFormat:youTubeVideoHTML, videoId, CGRectGetWidth(_webView.frame), CGRectGetHeight(_webView.frame), autoPlayString, controls]; //setting the youtube video width and height to fill entire the web view 
  _webView.mediaPlaybackRequiresUserAction = NO;
  _webView.delegate = self; //not needed
  [_webView loadHTMLString:html baseURL:[[NSBundle mainBundle] resourceURL]]; //load it to webview

}


//for playing action 
- (IBAction)playAction:(id)sender 
{
  [_webView stringByEvaluatingJavaScriptFromString:@"ytplayer.playVideo()"];
}

如果您有任何问题，请发表评论，希望这对您有所帮助.. :)

关于ios - UIWebview 不能很好地显示 iOS 8 的嵌入式 youtube，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26270450/

25 4 0
文章推荐： java - Jersey 的动态实例级授权(基于 id)
文章推荐： java - 同步(静态变量)的影响
文章推荐： java - java编程语言的局限性(缺点)？
文章推荐： ios - 应用托管扩展必须符合应用扩展编程指南
塔克拉玛干
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com