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

时间:2013-11-26 10:53:32

标签: ios video youtube jwplayer

我在移动版网站上有一些文字链接到YouTube视频。在iOS中,当我点击链接时,视频会在YouTube应用中播放。

问题是视频播放完毕后,用户可以找到返回原始网页的路径。

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

有没有办法编写文字链接,以便JW PLayer被解雇而不是将用户发送到YouTube应用程序?

1 个答案:

答案 0 :(得分:1)

问题是默认情况下,Mobile Safari检测到youtube链接并将你重定向到youtube应用程序(如果你有的话)(至少过去是这种情况,我现在不太确定它不是默认应用程序)。 / p>

你可以做的是找到所有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/

相关问题