Question

是否可以使用仅在特定设备中可见的div标签？

我们有一个视频页面，其HTML5后备功能在桌面和iOS设备上运行良好，但在Android（特别是三星S3）上运行不佳

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

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

像...一样的东西。

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

这可能吗？

顺便说一下。我在我的页面上使用JW Player。

由于

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会发现用户是否使用Android。如果用户使用Android，则会将<a href="rtsp_url">Android user please click here to watch video</a>添加到<div id="video">，否则会添加常规HTML 5 <video>代码。

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

Answer 2

如果您可以使用JavaScript，则可以使用navigator.userAgent尝试确定它是移动浏览器还是Android设备，并注入相应的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;

}

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

仅在android上显示的div

3 个答案: