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

Question

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

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

我们正在桌面网站上使用JW播放器&移动网站上的其他位置。

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

Answer 1

问题是，默认情况下，Mobile Safari会检测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/