最近,我在页面上添加了标题视频。现在,我要在标题视频中使用一个向下倾斜的图标,该图标会将我带到页面底部。

这是标题视频的代码,但我不知道在哪里添加向下倾斜图标。

<video id="videobcg" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
    <source src="http://12982-presscdn-0-38.pagely.netdna-cdn.com/wp-
content/uploads/2016/03/2016-web-loop-03.mp4" type="video/mp4">
    <source src="movie.webm" type="video/webm">
</video>

最佳答案

尝试这样,相应地设置样式

<video id="videobcg" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="http://12982-presscdn-0-38.pagely.netdna-cdn.com/wp-content/uploads/2016/03/2016-web-loop-03.mp4" type="video/mp4"> <source src="movie.webm" type="video/webm">
</video>
<a href="#scrolldown" class="scrolldown">Add arrow here</a>


的CSS

.scrolldown{
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    display: inline-block;
    width: fit-content;
}

#videobcg{
  position:relative;
}

09-17 14:36
查看更多