宽度和高度有些问题,它显示在整页上。我的视频也在使用firefox而不是chrome
<div id="videoTop" style="position:fixed; right: 0px; min-width: 100%; min-height: 50%; width: auto; height: auto; z-index: 1; overflow:hidden;">
<script>
if (jQuery.browser.mobile) {
$('div#videoTop').remove();
}
else { }
</script>
<video id="videoBG" preload="auto" autoplay="autoplay" loop="loop" muted="muted" volume="0" tabindex="0" style="position: fixed; right: 0px; min-width: 100%; min-height: 30%; width: auto; height: auto; z-index: -2; overflow: hidden;">
<source src="Images/Wildlife.mp4" type="video/mp4" codecs=""avc1.42E01E, mp4a.40.2"">
<source src="/assets/1550/allure-homepage.webm" type="video/webm; codecs="vp8, vorbis"">
</video>
</div>
答案 0 :(得分:2)
如果== true,您将删除已发布的整个标记块。
答案 1 :(得分:0)
您的jQuery代码会在true时删除整个块,因为只有1个<div>
标记。这是你想要的,是你遇到错误的移动浏览器吗?
对于非移动浏览器,请尝试删除通常不需要的编解码器。它似乎包括不必要的引号和分号,它们破坏了上面的代码。
<video id="videoBG" preload="auto" loop="loop" muted="muted" volume="0" tabindex="0" style="position: fixed; right: 0px; min-width: 100%; min-height: 30%; width: auto; height: auto; z-index: -2; overflow: hidden;">
<source src="Images/Wildlife.mp4" type="video/mp4">
<source src="/assets/1550/allure-homepage.webm" type="video/webm">
</video>
如果不是,请确认视频的文件路径。为什么他们为不同的浏览器完全不同的视频和不同的子文件夹(“图像”与“资产”)? 最后,还有其他内容吗?为什么z-index为-2?还有别的东西可以覆盖视频吗?