Question

对于YouTube上的特定视频，您可以在任何iOS设备上访问http://youtube.com/watch?v=(code）以观看视频。

但是，如果您使用http://youtube.com/embed/(code）网址 - 例如，在网页上的iframe或Colorbox模式中 - 它将无法在iOS上播放。

例如，如果你使用这样的代码：

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">

您只看到错误：

您的浏览器目前无法识别任何可用的视频格式。 Click here to visit our frequently asked questions about HTML5 video.

要添加侮辱伤害，这个链接在iOS上无法点击，所以我不知道会发生什么页面。有一个HTML5 page on YouTube，但它没有说特别有用或令人惊讶。

是否有可用于iframe嵌入的语法在iOS上按预期工作？

Answer 1

试试这个，它只是起作用：

<object>
    <param name="movie" value="http://www.youtube.com/v/[VIDEO_ID]"></param>
    <embed src="http://www.youtube.com/v/[VIDEO_ID]" type="application/x-shockwave-flash"></embed>
</object>

修改：它的工作原理是Apple将html标签替换为可以播放YouTube视频的嵌入式原生电影播放器。

Answer 2

考虑使用MediaElement.js。它可以包装youtube视频，在ios上显示为html5，其他设备/浏览器类型的闪回后备。

源代码提供的其中一个演示显示了这一点，而且非常简单：

<video width="640" height="360" id="player1">
    <source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
</video>

<script>
    $('video').mediaelementplayer({
        success: function(media, node, player) {
            $('#' + node.id + '-mode').html('mode: ' + media.pluginType);
    }
    });
</script>

Answer 3

@Hejazi的回答对我不起作用。这样做了：

    <iframe id="myythtml5player" frameborder="0" allowfullscreen="1" allow="autoplay; encrypted-media" width="560" height="315"
    src="https://www.youtube.com/embed/XdMzPdgg6rs?widget_referrer=https%3A%2F%2Ftinybitegames.com&amp;enablejsapi=1&amp;origin=https%3A%2F%2Ftinybitegames.com&amp;widgetid=1" data-tooltip-align="b,c" data-tooltip="YouTube video player" aria-label="YouTube video player" data-title="YouTube video player"></iframe>

此代码是从YouTube的演示网站https://developers.google.com/youtube/youtube_player_demo

复制而来的

Answer 4

我有一个网站，该网站使用youtube api v3查找视频，然后播放它们。我将网页托管在gdrive中。获取链接，然后将链接传递到FIREFOX ios应用程序的地址栏。将此html保存在FF应用中。它的工作原理与使用台式机时一样。但是ios FF非常不友好，它不会将html源共享给其他任何地方。

比FF更好，您可以使用ios Aloha浏览器。最重要的是，将html保存到ALOHA之后，将其共享到ios KODER html编辑器中。在KODER内，您可以编辑html（例如，添加等），即可完美呈现此html。最后，您可以将html共享（上传）到Dropbox，然后将其导出到gDrive。

使youtube.com/embed网址在iOS上运行

4 个答案: