判断访问设备显示不同调用代码实例

这篇文章主要为大家详细介绍了判断访问设备显示不同调用代码实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

在《实现手机移动端网站优酷视频自适应的方法》一文中，361源码给大家介绍了手机移动端网站优酷视频自适应的实现方法，但是还有很多时候我们需要网站在电脑访问和手机访问的时候显示出不同的样式效果，例如有这么一种情况，我们在网站页面中调用视频网站的视频，一般都会使用到这样的两种方式：iframe和embed，但是这两种方式有时候显示出来的效果却不一样，这里用到的是iframe和embed的，但是在使用iframe标签调用腾讯视频的时候，会出现控制条，如下图：

而使用embed标签则不会出现这个控制条：

我们肯定是不希望网站页面中出现控制条的，但是这就有了另外一个问题：embed标签在移动端无法显示视频。这个时候我们该如何来应对和处理呢？下面就是今天361源码需要给大家介绍的重点——判断访问设备显示不同调用代码，我们可以对浏览器进行判断，在PC点使用embed标签，移动端使用iframe。具体见以下代码：

                                        * {                                margin: 0;                                padding: 0;                        }                                               body {                                text-align: center;                        }                                                     var iframe = document.getElementById('iframe'),                                embed = document.getElementById('embed');                        iframe.style.display = 'none';                        embed.style.display = 'none';                        var userAgentInfo = navigator.userAgent;                        var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");                        var flag = false;                        var v = 0                        for(v = 0; v < Agents.length; v++) {                                if(userAgentInfo.indexOf(Agents[v]) > 0) {                                        flag = true;                                        break;                                }                        }                        //检测浏览器为移动端浏览器                        if(flag) {                                                               iframe.style.display = '';                                embed.style.display = 'none';                        } else {                                iframe.style.display = 'none';                                embed.style.display = '';                        }                   

这样我们就可以在PC和移动设备分别访问的时候调用不同的代码展示视频了。

以上就是判断访问设备显示不同调用代码实例的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持错新网。