制作与iOS版YouTube JS API的工作,处理的embedSWF?(Making the Y

2019-09-23 19:36发布

我与JS API YouTube的工作和显示视频播放器, 是由谷歌文档中推荐使用的embedSWF的 ,就像这样:

  <script type="text/javascript" src="swfobject.js"></script>    

  <div id="ytapiplayer">
    You need Flash player 8+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">

    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/v/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer&version=3","ytapiplayer", "425", "356", "8", null, null, params, atts);

  </script>

虽然这个作品在我的电脑和Android设备上的罚款,iOS上ytapiplayer格不会变成一个嵌入式播放器,而是只显示它原来的内容,即错误消息,Flash播放器8+和JS是必需的。

是否有可能让iOS上我这方面的工作? 如果是这样,怎么样?

提前致谢!

Answer 1:

也许你应该尝试新的YouTube iFrame播放器API? https://developers.google.com/youtube/iframe_api_reference

它的工作原理与移动设备,而无需考虑闪光。 嵌入例如:

<script type="text/javascript" src="//www.youtube.com/iframe_api"></script>

function onYouTubePlayerAPIReady() {
    var videoBox = document.getElementById('video1');
    videoBox.ytplayer = new YT.Player(videoBox, {
        videoId: 'kXDiGtgPL6E',
        playerVars: {
            //controls: 0,
            wmode:'transparent'
        },
        height: '200',
        width: '320'
    });
}


Answer 2:

我这样做确切的事情在几个月前的一个项目...

JAVASCRIPT,非常相似,你有什么:

<script type="text/javascript" src="js/swfobject.js"></script>
        <script type="text/javascript">
            var flashvars = {};
                flashvars.youTubeVideo = "VitQwgsBq-w";
                flashvars.controllerAlign = "top";
                flashvars.queTo = "0";
                flashvars.controlBarAlpha = ".3";
            var params = {};
            var attributes = {};
                swfobject.embedSWF("images/youTubeLoader.swf", "youTubeDiv", "250px", "200px", "9.0.0", false, flashvars, params, attributes);
</script>

什么是swfobject.js要做的就是寻找名为“youTubeDiv”的HTML DIV和替换它的所有内容与SWF YouTube播放器

(我这样做B / C iframe解决方案有z-index的问题与HTML5项目我工作)

现在的HTML:

    <div id="youTubeDiv">
            <iframe width="250px" height="200px" src="http://www.youtube.com/embed/VitQwgsBq-w" frameborder="0" allowfullscreen></iframe>
    </div>


文章来源: Making the YouTube JS API work with iOS, dealing with embedSWF?