ios9.3.2上的html视频控件初始播放按钮显示模糊 我的ios版本为9.3.2的iPhone有一个显示错误,当我打开一个带有视频标签的html页面时,它有一个模糊的初始播放按钮,如图所示。有什么办法解决吗?

ios9.3.2上的html视频控件初始播放按钮显示模糊 我的ios版本为9.3.2的iPhone有一个显示错误,当我打开一个带有视频标签的html页面时,它有一个模糊的初始播放按钮,如图所示。有什么办法解决吗?,ios,css,html,html5-video,Ios,Css,Html,Html5 Video,.video\u play\u容器{ 位置:相对位置; } .视频播放{ 位置:绝对位置; 左:0; 排名:0; 宽度:100%; 身高:100%; z指数:100; } 这是因为您的页面没有移动响应能力。在头标记中使用此元属性 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 试试下面的页面 <html>

.video\u play\u容器{
位置:相对位置;
}
.视频播放{
位置:绝对位置;
左:0;
排名:0;
宽度:100%;
身高:100%;
z指数:100;
}

这是因为您的页面没有移动响应能力。在头标记中使用此元属性

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

试试下面的页面

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

</head>

<body>

<div class="video_play_container">
  <span class="video_play" id="video_play"></span>
  <video width="100%" controls="controls" poster="http://7xoaon.com2.z0.glb.qiniucdn.com/s/p/product_v2/6ca/a9b/b7x/hsvb4000og0ck4ko4gkwwco8kg.jpg?imageMogr2/auto-orient/thumbnail/700x|watermark/3/image/aHR0cDovLzd4b2Fvbi5jb20yLnowLmdsYi5xaW5pdWNkbi5jb20vc2VlbG9nby5wbmc=/dissolve/100/gravity/SouthWest/dx/10/dy/10/text/5q-P5pel5LiAU2Vl/font/5b6u6L2v6ZuF6buR/fontsize/400/fill/I0VGRUZFRg==/dissolve/100/gravity/SouthWest/dx/50/dy/17">
    <source src="http://video.seecsee.com/2016/05/31/18/04e5a8230cf1f2605a66799033127c83.mp4">
  </video>
</div>

</body>
</html>

无标题文件

这是因为您的页面没有移动响应能力。在头标记中使用此元属性

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

试试下面的页面

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

</head>

<body>

<div class="video_play_container">
  <span class="video_play" id="video_play"></span>
  <video width="100%" controls="controls" poster="http://7xoaon.com2.z0.glb.qiniucdn.com/s/p/product_v2/6ca/a9b/b7x/hsvb4000og0ck4ko4gkwwco8kg.jpg?imageMogr2/auto-orient/thumbnail/700x|watermark/3/image/aHR0cDovLzd4b2Fvbi5jb20yLnowLmdsYi5xaW5pdWNkbi5jb20vc2VlbG9nby5wbmc=/dissolve/100/gravity/SouthWest/dx/10/dy/10/text/5q-P5pel5LiAU2Vl/font/5b6u6L2v6ZuF6buR/fontsize/400/fill/I0VGRUZFRg==/dissolve/100/gravity/SouthWest/dx/50/dy/17">
    <source src="http://video.seecsee.com/2016/05/31/18/04e5a8230cf1f2605a66799033127c83.mp4">
  </video>
</div>

</body>
</html>

无标题文件

@B.Ma我添加了示例html代码。把它放在你的iPhone上,试试看,应该可以。@B.Ma我已经添加了示例html代码。把它放在你的iPhone上,试试看,应该可以用了。