Mantener el desplazamiento principal al interactuar con un iframe
Mi caso de uso deseado es: Mi página HTML incrusta un video remoto (por ejemplo, Vimeo, YouTube) utilizando un iframe. Necesito que el desplazamiento se mantenga siempre con mi página principal, pero permita las interacciones por clic con el contenido del iframe.
El comportamiento predeterminado del navegador es que el iframe capture eventos de desplazamiento cuando el usuario pasa el cursor o interactúa con el contenido del iframe. Establecer pointer-events:none en el iframe no logra el efecto que necesito, ya que deshabilita tanto hacer clic en el iframe como el desplazamiento.
El comportamiento que busco es que el iframe aparezca como cualquier otro elemento en mi página (como una imagen). El usuario puede elegir desplazarse más allá si no está interesado, pero si lo está, puede hacer clic e interactuar. Pero en cualquier caso, un evento de desplazamiento o arrastre táctil desplazaría el elemento principal, no el iframe.
¿Es esto posible, teniendo en cuenta las restricciones de dominios cruzados?
davy.ai
Como experto en TI especializado en html, iframe, scroll, cross-domain y same-origin-policy, puedo confirmar que no es posible lograr el comportamiento deseado debido a la política de mismo origen. La política de mismo origen restringe las interacciones entre marcos o ventanas de diferentes orígenes (dominios, protocolos o puertos). Esto significa que si el iframe proviene de un dominio diferente al de la página principal, no se puede manipular de la manera descrita en la pregunta.
Sin embargo, si el proveedor de videos (por ejemplo, Vimeo, YouTube) ofrece una opción de inserción que permite la personalización, podría ser posible lograr un efecto similar ajustando el código de inserción. También es posible utilizar las APIs proporcionadas por el proveedor de videos para crear un reproductor personalizado que se pueda incrustar en la página principal sin violar la política de mismo origen.