19

对于 YouTube 上的给定视频,您可以在任何 iOS 设备上访问 http://youtube.com/watch?v=[code] 来观看该视频。

但是,如果您使用 http://youtube.com/embed/[code] URL(例如,在页面上的 iframe 或Colorbox模式中),它将无法在 iOS 上播放。

例如,如果您使用这样的代码:

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

你只会看到一个错误:

您的浏览器目前无法识别任何可用的视频格式。单击此处访问我们关于 HTML5 视频的常见问题。

雪上加霜的是,该链接在 iOS 上不可点击,所以我不知道该链接到哪个页面。YouTube 上有一个HTML5 页面,但它并没有说什么特别有用或令人惊讶。

是否有可以在 iOS 上按预期工作的 iframe 嵌入语法?

4

4 回答 4

24

Try this, it just works:

<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>

Edit: It works because Apple replaces the html tag with an embedded native movie player that can play the youtube video.

于 2012-06-30T00:56:43.970 回答
2

考虑使用MediaElement.js。它可以包装 youtube 视频以在 ios 上显示为 html5,并为其他设备/浏览器类型提供 Flash 后备。

源代码提供的演示之一显示了这一点,而且相当简单:

<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>
于 2012-08-08T01:44:00.033 回答
0

@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

于 2018-07-01T00:12:08.053 回答
-1

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

比FF好,可以用ios Aloha浏览器。最重要的是,将 html 保存到 ALOHA 后,将其共享到 ios KODER html 编辑器中。在 KODER 中,您可以编辑 html(例如,添加 <base href=“...”> 等...),您可以完美地呈现这个 html。最后,您可以将 html 共享(上传)到 Dropbox,然后将其导出到 gDrive。

于 2020-03-13T16:24:15.913 回答