javascript - 隐藏 Vimeo 控件并替换为播放/暂停切换按钮

标签 javascript jquery css

我正在尝试按照本教程 (http://www.cssplay.co.uk/menu/cssplay-tutorial-vimeo-hide-controls.html) 进行操作,但我使用其代码创建的 fiddle 似乎不起作用。我不确定我错过了什么。

https://jsfiddle.net/uxhxdcwp/

 <div class="overlay">
   <iframe src="https://player.vimeo.com/video/134945180?
    api=1&player_id=video" frameborder="0" webkitallowfullscreen 
    mozallowfullscreen allowfullscreen id="video"></iframe> 

    <div class="playpause start"></div>

最佳答案

有几个问题:

  1. 您不小心遗漏了右括号 });在你的脚本中,导致 unexpected end of script错误
  2. 不要使用 <script> 加载脚本在你的 fiddle 中标记。相反,请使用外部资源面板。但是,由于该插件不是通过安全连接提供的,我已将实际的插件代码放在您的 JS 开始之前。

现在可以了:https://jsfiddle.net/uxhxdcwp/1/

关于javascript - 隐藏 Vimeo 控件并替换为播放/暂停切换按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31840287/

相关文章:

javascript - 为什么我的 `onclick` 不起作用,尽管其他东西都有效?

javascript - 点击外部div和图标,div隐藏

html - 新行上的 Href

javascript - window.load 用于使用 jQuery 进行所有 dom 操作?

javascript - 类型 '{}' 不可分配给类型 'Pool' 。类型 'config' 中缺少属性 '{}'

javascript - jquery slider -mc未定义

jQuery:仅在具有 3 个表单的页面中将事件附加到 2 个表单

html - 使用 CSS 将 WordPress 小部件移动到不同的区域

html - 如何为文本和图像图标创建一个包含 2 列的 div?

javascript - 在 jquery 中找到将 css 应用于所有跨度