如果用户正在通过移动设备查看,我想删除视频播放器(可能像#video {display:none;}一样简单。)
我的平台是wordpress。是否有wordpress快捷方式,或者在HTML5 / CSS中执行此操作的方法?如果没有,有没有办法在Wordpress中写一个简单的条件?
由于
答案 0 :(得分:4)
在javascript / CSS中有很多方法可以做到这一点。很难说哪种方法最适合您,但根据当前的最佳做法,我不会按照建议嗅探用户代理,而是在style.css
中创建一个仅在移动设备上触发的“响应”部分。
@media (max-device-width: 480px) {
#video {
display: none;
}
}
适用于所有移动浏览器。您可以根据需要调整设备宽度。
有关此技术的更多信息,称为响应式网页设计:http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
答案 1 :(得分:1)
最简单的方法是使用一些Javascript来查找访问该页面的浏览器,然后根据该操作采取一些操作。
可以在此处找到有关发现浏览器的信息 http://www.w3schools.com/js/js_browser.asp
从那里我认为你有两个选择
不知道这是否与wordpress有关,但这就是我知道怎么做的。