视频（自动播放）通过javascript隐藏但已经在页面加载时开始？答案

【问题标题】：video (autoplay) gets hidden via javascript but already starts on pageload?视频（自动播放）通过javascript隐藏但已经在页面加载时开始？
【发布时间】：2012-07-26 06:19:00
【问题描述】：

我想找到一种简单的方法，通过隐藏它们并在单击预览图像后立即使它们可见，从而在我的博客中为我的视频获取自定义预览图像。用户 Dominic Green 帮助我几乎开始了它。

问题是：视频已经在页面加载后立即以自动播放模式开始播放（即使它是隐藏的）（您可以在后台听到声音），但我希望在点击后立即开始自动播放在预览图像上...

这是我到目前为止的示例（点击花朵图像将使视频可见）：http://brayaz.de/test/example.html

感谢您的帮助！

【问题讨论】：

标签： javascript jquery video iframe embed

【解决方案1】：

这非常复杂，因为不同服务（即 SoundCloud、Vimeo、YouTube）的 API 会表现不同。

我能想到的最佳解决方案是监听缩略图上的点击事件，然后测试嵌入式媒体类型，然后根据媒体类型（即 SoundCloud 音频、Vimeo 视频）发送“播放”API 调用)。

但是，该解决方案需要 javascript。也许更聪明的人会找到不同的方法！

【讨论】：

【解决方案2】：

您需要将 YouTube 嵌入代码中的网址更改为“autoplay=0”而不是“autoplay=1”。

所以改变

<iframe width="420" height="315" src="http://www.youtube.com/embed/v_MVwUqrwDc?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

到

<iframe width="420" height="315" src="http://www.youtube.com/embed/v_MVwUqrwDc?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>

如果您希望视频在单击缩略图后立即开始播放，则需要一些 javascript。如果是这种情况，请参阅：https://code.google.com/apis/ajax/playground/?exp=youtube#chromeless_player

【讨论】：

我自己将自动播放设置为“1”，因为我想在自动播放中使用它，但是（正如您已经提到的）在单击缩略图之后...我并不是真的喜欢 javascript。 ..我检查了链接，但我还不知道该怎么做...我必须在我当前的 javascript 中添加一些东西吗？
..我忘了说，我不想在点击后只播放 youtube 视频......我希望每个嵌入式闪存数据（iframe）在点击后开始（vimeo，声音云等）....