其实,解决办法就是,重新写个control控制功能,.同样用流行的video.js可以实现
第一步就是增加个播放的图片..要不然没有按钮多难看!
webkit-playsinline>
上面的视频链接是那个那个河南卫视的直播,,闲了可以自己写个video看直播
这第二步自然就是控制方法拉.其实很简单,会js的估计都会写,我抛砖引玉.....
$(document).ready(function(){
/***********判断浏览器ua类型**********************/
var n=navigator.userAgent.toLowerCase();
if(/iphone|ipad|ipod/.test(n)){
$(".playImg").remove();
}
/**************************视频控制*********************************************/
function fPlayVideo(){
$(".playImg").click(function(event) {
var myVideo = document.getElementsByTagName('video')[0];
if (myVideo.paused){
myVideo.play();
$(".playImg").css('display','none');
}
else{
myVideo.pause();
}
});
$("video").click(function(event){
var myVideo = document.getElementsByTagName('video')[0];
if (myVideo.paused){
myVideo.play();
$(".playImg").css('display','none');
}
else{
myVideo.pause();
$(".playImg").css('display','block');
}
});
$("video").bind("ended",function(){
$(".playImg").css('display','block');
});
}
$(function(){
fPlayVideo();
});
});
在ios等设备上,对video的解析,即使你没有使用control属性.他也会在你视屏的中间,放一个原生的播放按钮,所以我要判断设备,把我之前加的播放按钮给移除....懂了吧....这时候,有人又要问了.,那android呢?其实android在你不加control属性的时候,上面是什么也没有的...所以android不用考虑拉...这时候,又有人问了...咳咳咳...那个你自己的图片跟ios原生的不一样,岂不是,android跟iPhone的样式看着都不一样了...
废话不多说 ..这个解决方法,着重解决了在webview模式中,一些不支持video,,,例如小米,魅族..为啥他们不支持,,,我也不知道,,要是有知道的,欢迎留言告知.
该内容为原创,引用请注明出处,,谢谢..再来一个,,么么哒~
Eclipse中引入com.sun.image.codec.jpeg包报错的完美解决办法
转: Eclipse中引入com.sun.image.codec.jpeg包报错的完美解决办法 更新时间:02月14日 17:13:03 投稿:wdc 我要评论 Java开发中 ...
Controller中页面跳转完后页面的样式全消失的解决办法
问题的原因应该是在controller中进行页面跳转时当前文件的路径变了 解决办法: 1.在jsp页面中
stp域中两台switch互联接口出现两口均为root口 并且在现有stp区域中无法确定根桥设备位置；分析其原因并赋予解决办法
stp域中两台switch互联接口出现两口均为root口 并且在现有stp区域中无法确定根桥设备位置:分析其原因并赋予解决办法 1.于上图描述了案例中当前组网环境的各交换机位置与stp状态情况 : ...
转：在eclipse中 使用7.0及以上手机进行测试时logcat不打印日志的解决办法
解决办法 替换ADT中的ddmlib.jar文件. 下载ADT对应的zip包,解压出ddmlib.jar文件 放到eclipse\configuration\org.eclipse.osgi\bund ...
在IntelliJ IDEA中添加框架支持时找不到Hibernate的解决办法
问题描述 第一次在Add Frameworks support界面中添加hibernate支持的时候,异常中断,导致没有成功添加. 第二次进入Add Frameworks support窗口时,发现找 ...
关于IIS中WEB网站访问弹“验证输入框”及“401限制访问”的解决办法
最近在配置IIS网站的过程中,不管是本地还是外部访问配置的网站,出现了需要输入用户名.密码.及域的对话框,解决之后又出现页面401限制访问的错误页面. 就这两项错误,依次做一下解决办法的整理. 解决流 ...
DJANGO中，用QJUERY的AJAX的json返回中文乱码的解决办法
和网上其它用JAVA或是PHP的实现不太一样, DJANGO中的解决办法如下: 后端样例: def render_to_json_response(context, **response_kwargs ...
随机推荐
用Access为支撑,书写一个用C#写入数据库的案列
/// /// 读取Excel文档 /// /// 文件名称&l ...
卸载CentOS 5.4自带的OpenJDK，配置新的Java环境
本文CentOS版本为5.4 final,使用图形界面与命令结合的操作方式,由于CentOS 5.4在默认情况下,会安装OpenOffice之类的软件,而这些软件需要Java支持,因此系统会默认安装一 ...
8款替代Dreamweaver的开源网页开发工具
Adobe Dreamweaver虽然非常好用,但它并不是唯一一个能够设计.开发.发布精彩网站的Web开发集成环境.我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀We ...
安装php扩展phpredis
下载phpredis-master.tar.gz下载地址:/s/1i37R8TB 解包tar zxvf phpredis-master.tar.gzcd php ...
ASP.NET Core实现 随处可见的基本身份认证
概览 在HTTP中,基本认证(Basic access authentication,简称BA认证)是一种用来允许网页浏览器或其他客户端程序在请求资源时提供用户名和口令形式的身份凭证的一种登录验证方式 ...
我对CSS的认识
花费了一段时间,终于对HTML有了一定的了解,随后又开始进行CSS的战斗感觉自己学起来有一点吃力.我就简单的讲一下我所学到的吧! CSS的概述. 层叠式样式表,用于控制网页样式并允许将样式信息并允许将 ...
parcel 中小型项目打包工具
"0配置"打包器(bundler)Parcel Parcel官网(有中文文档) webpack 要有大量的配置,这样带来的成本就是复杂性--与此相对的,Parcel 带来了简洁性. ...
nginx的server块如何支持php
直接贴代码,备份用 server { listen ; server_name ; index index.html index.htm index.php; root /var/www ...
art 校准时设备端操作
(1)准备所需文件art.ko 和 nart.out (2)配置设备的IP地址(例如:192.168.2.122),使之能与本地PC通信 (3)上传文件到设备 cd /tmp tftp -g -r ...
zabbix的源码安装
前提:安装好lnmp环境,参考: 搭建LNMP环境 下载软件包 1. 下载并解压安装包 cd /usr/local/src wget https://ncu./ ...
小米4支持html5 针对在webview模式中 小米魅族手机不支持html5原生video的control的解决办法![原创]...
