如何在iPhone应用程序中播放youtube视频_Iphone_Html_Youtube_Uiwebview_Youtube Api

如何在iPhone应用程序中播放youtube视频

iphone html youtube youtube-api

如何在iPhone应用程序中播放youtube视频,iphone,html,youtube,uiwebview,youtube-api,Iphone,Html,Youtube,Uiwebview,Youtube Api,我正在构建一个ionic/cordova应用程序，我想在其中播放Youtube实时视频中的视频。我正在使用YouTube API <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> $(document).ready(fun

我正在构建一个ionic/cordova应用程序，我想在其中播放Youtube实时视频中的视频。我正在使用YouTube API

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").css({"background-color": "yellow", "font-size": "200%"});
    });
});
</script>
</head>
<body>

<div id="player"></div>

<script src="youtube.js"></script>

<script>

    // create youtube player
    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '200',
          width: '200',
          videoId: '0Bmhjf0rKe8',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }

    // autoplay video
    function onPlayerReady(event) {
        event.target.playVideo();
    }

    // when video ends
    function onPlayerStateChange(event) {        
        if(event.data === 0) {            
            $('html, body').animate({
                scrollTop: $("#elementtoScrollToID").offset().top
            }, 2000);
        }
    }

</script>

<div id='elementtoScrollToID' class='my_div'>Lorem Ipsum is simply dummy text of the printing and typesetting industry</div>
</body>
</html>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
css（{“背景色”：“黄色”，“字体大小”：“200%”）；
});
});
//创建youtube播放器
var播放器；
函数onYouTubePlayerAPIReady（）{
player=新的YT.player（'player'{
高度：'200'，
宽度：“200”，
videoId:'0Bmhjf0rKe8'，
活动：{
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}
});
}
//自动播放视频
函数onPlayerReady（事件）{
event.target.playVideo（）；
}
//视频结束时
函数onPlayerStateChange（事件）{
如果（event.data==0）{
$（'html，body'）。设置动画({
scrollTop:$（“#elementtoScrollToID”）.offset（）.top
}, 2000);
}
}
Lorem Ipsum只是印刷和排版行业的虚拟文本

使用这段代码，我使用cordova创建了一个iPhone应用程序

现在，当我点击youtube视频时，它将使用默认播放器即quicktime播放器播放视频。它不会在UIWebview框架本身（在我的Div中）内运行视频。但是我想在屏幕的前半部分显示视频，即我的UIWebview框架。有可能吗？

在我的应用程序中是这样的， 单击红色播放按钮时，我可以在quicktime player中看到全屏视频，如下所示：

但是我想在同一个webView框架内显示视频，而不是通过quick time player。它应该是这样播放的：

有没有其他方法可以达到同样的效果？任何帮助都将不胜感激。提前谢谢

在安卓系统中，它可以完美地工作…-）

此链接可能会帮助您@Sachin:Am使用使用使用HTML5和javascript的Cordova应用程序，并且给定的YouTubeplyer代码完全适用于ObjC开发人员：-（@Sachin:Hi伙计们..我也在寻找解决方案。任何帮助都将不胜感激。提前谢谢。你能让这个工作成功吗？