javascript - 如何正确使用 tubular.js,让 youtube 视频在我的网站背景中?

标签 javascript jquery css

我正在使用 tubular.js 并想将 youtube 视频设置为背景。

到目前为止,我有以下 html 代码:

<html>
<body>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.tubular.1.0.js"></script> 
<script type="text/javascript">
            $(function() {
                var options = {
                    videoId : '9JXVUP1hyxA',
                    start : 10
                };
                $('html').tubular(options);
            });
        </script>
</body>
</html>

但是视频几乎全屏了,但是周围还有5-10px左右-可以看到here .我怎样才能防止这种情况发生? 另一个问题,也许你们会知道 - 我有重复播放的视频并且它有效,但是当它结束时 - 就在再次开始之前,有一个空白屏幕和其他视频建议,在播放视频后始终在 youtube 上可见.它在几毫秒内可见,但仍然有点奇怪 - 你知道如何解决这个问题吗?谢谢!

最佳答案

我不确定,因为你的代码不完整。但我认为你需要这个:

* {
    margin: 0;
    padding: 0;
}

并尝试阅读更多关于 CSS reset 的内容!

关于第二个问题,我以前没有用过tubular.js,但是这里很好example只是尝试复制它。

关于javascript - 如何正确使用 tubular.js,让 youtube 视频在我的网站背景中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30145562/

相关文章:

javascript - 客户端资源刷新

html - 绝对定位彻底打破结构

javascript - 在页面加载时隐藏 Div 控件

javascript - 减少鼠标悬停触发事件的数量

javascript - Bootstrap-slider.js 不会以编程方式触发 setValue 更改功能

jquery - 我怎样才能得到这个效果?

css - 为什么 IE 10 会将内容推出视口(viewport)?

javascript - javascript null 是对象值的单独类型吗?

javascript - 解析一个 JSON 字符串并显示它

javascript - 如何使用 jquery ui 在表体 td 中进行可拖动和可排序