小编Cor*_*orn的帖子

单击图像即可开始/播放嵌入式(iframe)youtube-video

我正在尝试通过单击图像开始播放嵌入式YouTube视频.我们的想法是在视频上方放置一个图像,当点击图像时,它会淡出并开始播放视频.

我正在使用jquery淡化图像,并希望找到一种方法来播放或使用jquery点击视频.

褪色工作正常,但我无法弄清楚如何触发视频播放.我通过将视频设置为自动播放并隐藏它,然后在单击图像时淡入视频,让它在几个浏览器上工作.在大多数浏览器中,视频在淡入时会自动播放,但在Chrome中,即使隐藏它也会开始自动播放.它在iOS中也不能很好地工作.

由于我对此很陌生,我甚至不确定我是否100%正确地写它,但我尝试过这样的事情没有成功:

     $('#IMAGE').click(function() { $('#VIDEO').play(); });
Run Code Online (Sandbox Code Playgroud)

那么,我将如何在点击图像上播放视频?有没有办法在单击图像时播放视频,只需使用jquery?

先感谢您.

embed youtube iframe jquery onclick

48
推荐指数
5
解决办法
12万
查看次数

标签 统计

embed ×1

iframe ×1

jquery ×1

onclick ×1

youtube ×1