我想找到一种简单的方法,通过隐藏它们并在单击预览图像后立即使它们可见,从而在我的博客中为我的视频获取自定义预览图像。用户 Dominic Green 帮助我几乎开始了它。
问题是:视频已经在页面加载后立即以自动播放模式开始播放(即使它被隐藏)(您可以在后台听到声音),但我希望在点击预览后立即开始自动播放-图片...
这是到目前为止我是如何做到的示例(单击花卉图像将使视频可见):http ://brayaz.de/test/example.html
谢谢你的帮助!
我想找到一种简单的方法,通过隐藏它们并在单击预览图像后立即使它们可见,从而在我的博客中为我的视频获取自定义预览图像。用户 Dominic Green 帮助我几乎开始了它。
问题是:视频已经在页面加载后立即以自动播放模式开始播放(即使它被隐藏)(您可以在后台听到声音),但我希望在点击预览后立即开始自动播放-图片...
这是到目前为止我是如何做到的示例(单击花卉图像将使视频可见):http ://brayaz.de/test/example.html
谢谢你的帮助!
这相当复杂,因为不同服务(即 SoundCloud、Vimeo、YouTube)的 API 会表现不同。
我能想出的最佳解决方案是监听缩略图上的点击事件,然后测试嵌入式媒体类型,然后根据媒体类型(即 SoundCloud 音频、Vimeo 视频)发送一个“播放”API 调用。
但是,该解决方案将需要 javascript。也许更聪明的人会找到不同的方法!
您需要将 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