仅在android上显示的div

Question

有没有可能有一个只在特定设备上可见的div标签？

我们有一个视频页面，它有HTML5回退功能，在台式机和iOS设备上播放效果很好，但在安卓(特别是三星S3)上播放效果不佳。

我做了一些研究，其背后的原因可能是.m3u8在安卓中没有完全支持，并且有更多的成功报告。

我想在我们的视频嵌入代码下面放一个div标签，它只会在android设备上显示。

就像..。

<div id="androids"><a href="rtsp_url">Android user please click here to watch video</a></div>

这个是可能的吗？

顺便说一下。我在我的页面上使用JW播放器。

谢谢

Answer 1

试试这个：

HTML：

<div id="video"></div>

JavaScript:

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf('android') > -1;

var videoDiv = document.getElementById('video'); 

if(isAndroid) {
  videoDiv.innerHTML = '<a href="rtsp_url">Android user please click here to watch video</a>';
} else {
  //add something else
  videoDiv.innerHTML = '<video>This is HTML 5 video for non-Android users</video>';
}

解释: JavaScript会发现用户是否使用安卓系统。如果用户使用安卓，它会将<a href="rtsp_url">Android user please click here to watch video</a>添加到<div id="video">中，如果不是，它会添加常规的HTML5 <video>标签。

注意:添加视频代码的是而不是<video>This is HTML 5 video for non-Android users</video>。

Answer 2

如果可以使用JavaScript，那么可以使用navigator.userAgent来尝试确定它是移动浏览器还是安卓设备，并注入适当的HTML元素。

下面是一个Android UA字符串示例：

Mozilla/5.0 (Linux; U; Android 4.0.2; en-us; Galaxy Nexus Build/ICL53F) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

Answer 3

如果你使用php，你可以使用以下命令：

function isMobile(){
$useragent_commentsblock=preg_match(’|\(.*?\)|’,$useragent,$matches)>0?$matches[0]:”;

function CheckSubstrs($substrs,$text)
{
foreach($substrs as $substr)
if(false!==strpos($text,$substr))
return true;
return false;
}

$mobile_os_list=array(’Google Wireless Transcoder’,'Windows CE’,'WindowsCE’,'Symbian’,'Android’,'armv6l’,'armv5′,’Mobile’,'CentOS’,'mowser’,'AvantGo’,'Opera Mobi’,'J2ME/MIDP’,'Smartphone’,'Go.Web’,'Palm’,'iPAQ’);

$found_mobile=CheckSubstrs($mobile_os_list,$useragent_commentsblock);

if ($found_mobile) return true;
else return false;

}

如果你只想要安卓显示，可以编辑这个$mobile_os_list。