视频(自动播放）通过javascript隐藏，但已经在页面加载时启动

video (autoplay) gets hidden via javascript but already starts on pageload?

本文关键字：加载 启动 自动播放 通过 javascript 隐藏 视频      更新时间：2024-04-27

我想找到一个简单的方法，通过隐藏视频并在点击预览图像后立即显示，为我的博客中的视频获取自定义预览图像。用户Dominic Green帮助我几乎启动了它。

问题是：视频已经在页面加载后立即开始以自动播放模式播放（即使它是隐藏的）（你可以听到背景中的声音），但我想在点击预览图像后立即开始自动播放。。。

以下是我迄今为止的做法示例（点击花朵图像将使视频可见）：http://brayaz.de/test/example.html

谢谢你的帮助！

您需要将YouTube嵌入代码中的url更改为"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

这相当复杂，因为不同服务（即SoundCloud、Vimeo、YouTube）的API会有不同的行为。

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

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

相关文章：