Question

我只是想在我的joomla模板中创建一个视频背景。目前我只是简单地修改了prostar。以下是我所拥有的。

在index.php中，我在头部下面放了一个视频标签。

</head>
    <video controls autoplay muted id="bgvid">
<source src="/vid/timelapseb&w.mp4" type = "video/mp4">
</video>
<body class="site <?php echo $option
    . ' view-' . $view
    . ($layout ? ' layout-' . $layout : ' no-layout')
    . ($task ? ' task-' . $task : ' no-task')
    . ($itemid ? ' itemid-' . $itemid : '')
    . ($params->get('fluidContainer') ? ' fluid' : '');
?>">

在我的Css文件中，我输入了以下Beneath，其中放置了背景颜色样式

#bgvid {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background-size: cover;
}

video {
display: block;
}

我不相信我需要在templateDetails.xml中包含该文件，但我已经厌倦但没有运气。

任何想法？任何帮助表示赞赏！

提前致谢

Answer 1

可能有些事情......

<video controls autoplay muted id="bgvid">
<source src="/vid/timelapseb&w.mp4" type = "video/mp4">
</video>

应该在<body>标记内，而不在其外。

不能在文件名中使用＆符号。

由于在Joomla中使用了基本标签，因此链接到这样的文件可能会导致链接不正确，具体取决于您所在的页面。使用JURI链接到您网站的根目录

＆lt;？php echo JURI :: root（）;？＆gt; vid / timelapseb＆amp; w.mp4

如果我是你，我首先要集中精力确保视频在页面中正常显示，然后尝试摆弄css，让它作为背景工作。

最后，我相信Opera不支持mp4。您需要一个后备才能在该浏览器中工作。

如何将视频背景添加到Joomla模板

1 个答案: