div只显示在android [英] div that shows only on android

问题描述

有可能具有只在特定设备中可见的div标签吗？

我们有一个具有HTML5后备广告功能的视频页面，可以在桌面设备和iOS设备上正常播放设备但不在Android（具体是三星S3）

我做了一些研究，背后的可能原因是.m3u8不完全支持在android和RTSP有更多的成功

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

有点像...

 < div id =androids>< a href =rtsp_url > Android用户请点击此处观看视频< / a>< / div> 
  

这是否可能？

办法。

感谢

解决方案

尝试此操作：

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用户请点击此处观看视频< / a>'; 
} else {
 //添加其他内容
 videoDiv.innerHTML ='< video>这是非Android用户的HTML 5视频< / video>'; 
} 
  
 
 
解释：JavaScript会发现用户是否使用Android。如果用户使用Android，则会添加< a href =rtsp_url> Android用户请点击此处观看视频< / a> 到 div id =video> ，如果没有，则添加常规HTML 5 < video> 标记。
 
 
 
  注意 而不是< video>这是非Android用户的HTML 5视频< / video& / code>添加您的视频代码。
 
is it possible to have a div tag that is visible only in specific devices?

We have a video page that has HTML5 fallback that plays well on desktop and iOS devices but not on Android (specifically samsung S3)

I did some research and the probable reason behind it is that .m3u8 is not fully supported in android and RTSP has more success reports.

I'd like to put a div tags under our video embed code that will only show on android devices.

Something like...
<div id="androids"><a href="rtsp_url">Android user please click here to watch video</a></div>
Is this possible?

By the way. i am using JW Player on my page.

Thanks
解决方案
Try this:

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>';
}
To explain: JavaScript finds out if user use Android or not. If users use Android it adds <a href="rtsp_url">Android user please click here to watch video</a> to <div id="video">, if not it adds regular HTML 5 <video> tag.

Note: Instead of <video>This is HTML 5 video for non-Android users</video> add your video code.

                        
这篇关于div只显示在android的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！