最近,我在页面上添加了标题视频。现在,我要在标题视频中使用一个向下倾斜的图标,该图标会将我带到页面底部。
这是标题视频的代码,但我不知道在哪里添加向下倾斜图标。
<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;
}