无法在我的网站中添加视频

时间:2014-11-24 18:21:08

标签: javascript

宽度和高度有些问题,它显示在整页上。我的视频也在使用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="&quot;avc1.42E01E, mp4a.40.2&quot;">
        <source src="/assets/1550/allure-homepage.webm" type="video/webm; codecs=&quot;vp8, vorbis&quot;">
    </video>
</div>

2 个答案:

答案 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?还有别的东西可以覆盖视频吗?