jquery - 单击导航图标停止/重置 <iframe> 视频

标签 jquery html css iframe

我的 html 中有一个图像 slider 元素,如下所示:

  <div class="slider">
    <img/>
    <img/>
    <iframe src="https://player.vimeo.com/video/"</iframe>
    <img/>
  </div>

带有 iframe 视频。目前它继续在后台播放。我想在使用下一个/上一个导航图标(.next 和 .prev)离开时停止/刷新视频。

我怎样才能最好地实现这一目标?

最佳答案

您必须使用 video 而不是 iframe:

<video controls>
<source src="Your Path" type="video/mp4">
Your browser does not support the video tag.
</video>

Working jsfiddle here .

关于jquery - 单击导航图标停止/重置 &lt;iframe&gt; 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34812763/

相关文章:

javascript - 您可以使用 JavaScript 或 html5 编辑音频以通过耳机的 2 个扬声器播放不同数量的声音吗

html - 为什么我应该使用 content_tag 而不是 "regular"html?

HTML 全 Angular 表格

javascript - Bootstrap Datepicker 重新初始化日期格式

javascript - 如何通过javascript确定内部每个字符相对于页面的位置(x,y)?

javascript - 鼠标悬停不显示隐藏的 div

javascript - 两次点击 - 不同的 Action (相同的 div)

html - 在html css中为圆形png添加轮廓

javascript - 打开时使整个页面变暗并在关闭对话窗口时产生淡出效果

javascript jquery 正则表达式替换