запускать / воспроизводить встроенное (iframe) видео youtube при щелчке изображения

Я пытаюсь запустить воспроизведение встроенного видео YouTube, щелкнув изображение. Идея состоит в том, чтобы разместить изображение поверх видео,и при щелчке по изображению оно исчезает и начинает воспроизведение видео.

Я использую jquery для уменьшения изображения и надеялся найти способ воспроизвести или щелкнуть видео с помощью jquery.

Затухание работает нормально, но я не могу понять, как запустить воспроизведение видео. Я заставил его работать в паре браузеров, настроив видео на автовоспроизведение и скрыть его, а затем исчезнув при нажатии на изображение. В большинстве браузеров видео автоматически воспроизводилось при постепенном появлении, но в Chrome оно начинало автоматически воспроизводиться, даже когда оно было скрыто. В iOS это тоже не сработало.

Поскольку я новичок в этом, я даже не уверен, что пишу это на 100% правильно, но я пробовал что-то вроде этого безуспешно:

     $('#IMAGE').click(function() { $('#VIDEO').play(); });

Итак, как мне запустить воспроизведение видео при щелчке изображения? Есть ли способ воспроизвести видео при нажатии на изображение, просто используя jquery?

Заранее благодарю.

48
задан Corn 6 June 2011 в 00:48
поделиться