单击时在 JW 播放器中播放的 YouTube 视频的简单库答案

【问题标题】：Simple Library of YouTube Videos Which Play in JW Player When Clicked单击时在 JW 播放器中播放的 YouTube 视频的简单库
【发布时间】：2013-11-26 10:53:32
【问题描述】：

我在移动版网站上有一些指向 YouTube 视频的文本链接。在 iOS 中，当我点击链接时，视频会在 YouTube 应用中播放。

问题是当视频结束时，用户只能找到返回原始网页的方法。

我们在桌面网站和移动网站的其他地方使用 JW Player。

有没有办法编写文本链接，以便触发 JW 播放器而不是将用户发送到 YouTube 应用程序？

【问题讨论】：

现在 JW 播放器在移动设备上使用默认的 YouTube 嵌入播放器。不过，我们将在 6.8 版正式迁移到 YouTube HTML5，预计将于明年第一季度发布。

标签： ios video youtube jwplayer

【解决方案1】：

问题在于，默认情况下，Mobile Safari 会检测 youtube 链接，并在您拥有 youtube 应用程序时将您重定向到 youtube 应用程序（至少以前是这种情况，我现在不太确定它不是默认应用程序）。

您可以做的是找到所有 youtube 链接，然后向它们添加一个点击处理程序，该处理程序使用 jwplayer 打开视频并阻止打开 Youtube 应用程序的默认操作。

var youtubeLinks = $('a').filter(youtubeHrefFilter);

youtubeLinks.each(function() {
    $(this).click(function(e) {
        youtubePlayer('player', this.href);
        e.preventDefault();
    });
});

function youtubePlayer(element, url) {
    jwplayer(element).setup({file: url});
};

function youtubeHrefFilter() {
    return extractYoutubeLinks(this.href) != null;
};

function extractYoutubeLinks(text) {
    return text.match(/youtube.com\/watch\?v=([a-zA-Z0-9_-]{11})/);
};

这里有一个工作示例： http://jsfiddle.net/9HA6j/143/

【讨论】：