在视频上显示文本，并在html滑块中淡入和淡出

Question

我已经在网站上添加了一个视频滑块，并在视频中添加了一些文本以逐一显示。但是问题是视频中没有显示文本，并且文本的幻灯片也无法正常工作。

第一个文本停留9秒钟并滑出，第二个文本出现6秒钟并滑出。该文本应从右向左滑动。

这是我添加的代码。

HTML：

SUMIF(A:A,>=10,C:C)

CSS：

<div class="background-wrap">
  <video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted" width="1000">
    <source src="http://localhost/blue/wp-content/uploads/2019/03/4K_UHD_Drone_Fly_Past_Radio_Tower_Portland_Oregon_Crest_Point_Fernando-1.mp4" type="video/mp4">
  </video>
</div>
<div class="item-1">Aiming to surpass the current benchmark by connecting the remote areas of the world through Sustainable and Affordable Remote Telecommunications Networks.</div>
<div class="item-2">Using our expertise and capabilities for the right to fair opportunity and changing lives positively.</div>