Javascript 如何在视差滑块中添加视频？

我有一个parrallax滑块，我只在滑块上放置了图像和描述，我想添加一个视频，这是我的代码：

{ <div id="da-slider" class="da-slider">
    <div class="da-slide">
        <h2>Vidéo PUB</h2> 
        <p>loading</p> <!--wanna put the video here -->
    </div>
    <div class="da-slide">
        <h2>Affréteurs</h2>
        <p></p>
        <div class="da-img"><img src="" alt="" /></div>
   </div> }

{
维迪奥酒店
加载

副官

}

我的问题是视频是静态的

我目前正在使用此滑块：

我想：

将其添加到第一张幻灯片中

将其设置为自动播放

视频播放完毕后，我希望滑块自动恢复并移动到下一张幻灯片

---

我怎样才能做到这一点呢？

我建议您建立一个YouTube帐户来托管您的视频

如果该网站很受欢迎，那么它会将视频文件的服务压力转移到YouTube的快速专用服务器上

上传YouTube视频后，您可以通过单击视频下方的共享按钮，然后单击嵌入，将其添加到幻灯片中。这将为您提供这样的代码片段，您可以在上面的滑块代码中使用：

<iframe width="560" height="315" src="https://www.youtube.com/embed/_dJCLaoBZvM?rel=0" frameborder="0" allowfullscreen></iframe>

---

注意末尾的

rel=0

。这就停止了在你的视频播放完毕后建议其他视频的做法，这使得整个过程更加专业。如果您想让它立即开始播放，还可以添加

autoplay=1

。您还可以通过控制视频播放器的铬元素（边缘周围的皮肤）来实现更高级的集成。

我以前使用过视差，它看起来非常棒

我更喜欢这种方法，而不是像Youtube或Vimeo这样的服务，因为你有更多的控制权，并且能够以你想要的方式更有效地设计它

您希望获得mp4和ogg格式的视频。你可以用VLC媒体播放器来做这件事。它是免费的

然后我使用了html5

标记（）。这是一个样本。你会想根据职位等来设计风格。。。在你的CSS中

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

您的浏览器不支持视频标记。

你想要一个html视频标签吗？这都是你的代码吗？我的问题是视频是静态的，我想在第一张幻灯片中得到它，看了之后，我想自动移动到sacond幻灯片，那么它的样式如何？？？我的问题是视频是静态的，我想在第一张幻灯片中得到它，看了之后，我想自动移动到sacond幻灯片，那么如何设置它的样式？？？我的问题是视频是静态的，我想在第一张幻灯片中获得它，在观看之后，我想自动移动到sacond幻灯片，那么如何设置它的样式？？？