html5网站 使用video标签在安卓和苹果手机上出现的问题

Posted 2023-04-14

1、video标签在安卓上播放视频,点击播放视屏时，视屏置顶挡住定位元素，设置z-index无效
2、video标签在ios上播放视频，取消了controls属性，却还会显示播放按钮图标
求大神解答，不胜感激！

参考技术A 我现在也遇上这个问题了。。真是难弄。。是浏览器的默认设置吗？有的浏览器还会有分享的按钮在视频下面。但是在ios设备上就没问题。。。。。。。。。我在网上查了。。是微信内置的浏览器的原因。要不然就提示不支持或者转到其它浏览器查看。

安卓手机H5 video的层级关系很高，会压住div，请问有解吗

参考技术A "Opaque windowless"和"Transparent windowless"都可与 HTML 层交互，从而允许 SWF 文件上方的层遮蔽应用程序。　　这两种选项之间的差异在于"Transparent"允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而"opaque"则不会显示。解决flash层永远比div高的问题，可以参考下面的例子：<pre t="code" l="html">$(document).ready(function()
$("#unLogin").click(function()//退出登录
$("#videoDiv1").show();//默认图片显示
$("#videoDiv").hide();//flash区域隐藏
Boxy.ask("确定要退出？",["确定","取消"],function(data)
if(data =="确定")
$.post("\login_unLogin", function(data)
if(data.jumpType == true)
location.href = "/point_index";
else
Boxy.alert(data.returnMessage);

);
else
$("#videoDiv1").hide();//默认图片隐藏
$("#videoDiv").show();//flash区域显示

);
);
);本回答被提问者采纳