在较旧的移动浏览器中嵌入 YouTube 视频答案

【问题标题】：Embedding YouTube videos in older mobile browsers在较旧的移动浏览器中嵌入 YouTube 视频
【发布时间】：2012-02-15 21:50:39
【问题描述】：

所以我正在开发一个项目，我正在使用 YouTube 的 iframe 嵌入代码，它可以在 iPhone 和 Android 设备等较新的设备上运行。但是，当在较旧的 Android 和 Blackberry 上查看时，我会获得一些有关获取最新 Flash Player 的链接，并了解有关升级到 HTML5 浏览器的更多信息。为了解决这个问题，我决定尝试在网站中嵌入 rstp 链接，它适用于较旧的 Android，但不适用于 Blackberry

有没有人知道任何可以使这更简单的事情？如果可能的话，我需要尝试在所有移动浏览器中播放视频，我一直在寻找一天但没有找到任何东西。我考虑过使用 HTML5 并使用 video 标签，将它们转换为 ogg、3gp 和 mp4 或 mpeg，让浏览器显示正确的，但仍然无法在 Blackberrys 上运行。

【问题讨论】：

标签： html video mobile youtube

【解决方案1】：

对于任何可能遇到这种情况的人，这就是我想出的。它不漂亮，但很有效。

<script>
if ( !location.href.match(/mobile=no/) ) {
    var useragents = [['blackberry9700', 'blackberry9780'], ['android 1.5', 'android 1.6', 'android eclair', 'android 2.0', 'android 2.1']];

    var agt = navigator.userAgent.toLowerCase();
    var mobile_type = 2;
    var i, j;

    for ( j=0; j<2; j++ ) {
        for ( i=0; i<useragents[j].length; i++ ) {
            if ( agt.indexOf(useragents[j][i]) != -1 ) {
                mobile_type = j;
                user_agent = agt;
                break;
            }
        }

        if ( mobile_type == j ) break;
    }

    switch ( mobile_type ) {
        case 0:
            document.write("<a href='nan.3gp'><img src='videoimg.png' alt='' width='310' height='151' /></a>");
            break;
        case 1:
            document.write("<a href='nan2.m4v'><img src='videoimg.png' alt='' width='310' height='151' /></a>");
            break;
        default:
            document.write("<iframe width='312' height='192' src='http://www.youtube.com/embed/aE2b75FFZPI?rel=0' type='text/html' frameborder='0' allowfullscreen></iframe>");
    }
}
</script>

【讨论】：