html5 video标签在iphone中的问题

zhi道

浏览: 5458 次
性别:
来自: 北京

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

IT技术

html5 video iphone web

我再页面中用video标签加入一段视频，但是我想做出在视频上方一个层让后放一个按钮，执行单机事件，但是无效代码如下：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>border-image</title>
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<style>
	
	
</style>
<script>
	$(function(){
		
		
		$("button").bind("touchstart",function(){
			$("#wView")[0].play();
		});
		$("#btn").click(function(){
			$("#wView")[0].pause();
		});
	});
</script>
</head>
<body>
	<div>
	<video id="wView" width="320" height="240" controls  autoplay>
		<source src="audio/0b293211-c163-4607-9bc1-2c505c2d111b.mp4" type="video/mp4" />
		浏览器不支持
	</video>
	</div>
	<div style="position: absolute;z-index: 50;background: red;top: 100px;left: 50px;">
	<button>Click Me</button>	
	<input type="button" id="btn" value="暂停" />
	</div>
</body>
</html>

页面显示如下：

可是无论我怎么点击都是没有反应，只要是video上的怎么操作都无效，但是在pc机上就没有这个问题，真不知道是iphone的bug还是故意弄成这样的！但是解决方法很简单：再回顾上面代码video标签只要把video标签中的controls属性去掉，居然启作用了，这回想怎么操作都可以了！

分享到：

实用浅谈HTML5 Web SqlDatabase

2011-12-01 10:03
浏览 2730
评论(1)
分类:移动开发
查看更多

1 楼 rmbcl134 2013-07-12

壮士，我video标签嵌了张图片，也是没有加controls属性啊，为何在IPHONE5的safari上点击还是没效果

<video id="item_video" poster="<c:out value="${item.pic_url}"/>"
item_id="<c:out value="${item_id}"/>"
item_fee="<c:out value="${item.item_fee}"/>"
width="300" height="213">
</video>
<div id="play_img" class="musicPlayDiv playLayer">
<img src="/public/common/ress/images/main/front/musicplay.png" alt="" width="88" height="88" style="vertical-align: middle;" />
</div>
用jquery给这个play_img绑定点击属性，点击各种无效

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论