admin管理员组文章数量:1559090
用js代码适配电脑端和手机端播放器代码
蓝叶 网站设计 2016-08-10 10668 9评论
随着html5的崛起,很多网站都采用html5代码来设计,让网站美观大气,但是html5代码只有支持html5的浏览器才能显示,现在还有很大一部分人用的还是老旧的ie浏览器,尤其是一切企业客户,他们的网站还必须要兼容老版的ie浏览器;就拿播放器来说,互联网上有很多好看的html5播放器,在html5浏览器下很好的运行,但是不支持老旧的ie浏览器,遇到这种情况,最好的办法就是电脑端就用flash播放器来代替,手机端就用原生html5音乐视频标签来播放,省事省力也不用去纠结各个浏览器的显示效果了,下面就是一段js代码来适配电脑端和手机端采用不同播放器。
在之前添加一下代码:
$(document).ready(function(){
$(".playbox").each(function() {
var playsrc = $(this).attr('data-u');
var playwidth = $(this).attr('data-w');
var playheight = $(this).attr('data-h');
if ((navigator.useragent.match(/(iphone|ipod|android|ios|ios|ipad|backerry|webos|symbian|windows phone|phone)/i))) {
$(this).html('');
}else{
$(this).html('');
}
})
})
在内容里添加下面代码,data-u为音乐视频地址,data-w为播放器宽度,data-h为播放器高度。
评论一下
赞助蓝叶
赞助蓝叶x
九游会下载的版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《蓝叶博客》。
本文网址:https://lanyes/web/772.html
本文标签:
九游会下载的版权声明:本文标题:php 手机端播放器,用js代码适配电脑端和手机端播放器代码 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1727374913a1111592.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论