Ios 点击时在JW播放器中播放的YouTube视频的简单库

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

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

我们在桌面站点和移动站点的其他地方使用jwplayer

---

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

问题是，默认情况下，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})/);
};

下面是一个工作示例：

---

问题在于，默认情况下，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})/);
};

下面是一个工作示例：

---

现在，JW播放器在手机上使用默认的YouTube嵌入式播放器。我们将在明年第一季度正式推出6.8版的YouTube HTML5。现在JW播放器在手机上使用默认的YouTube嵌入式播放器。不过，我们将在明年第一季度正式推出6.8版的YouTube HTML5。