0
175
ViewsCómo deshabilitar iframe para que no se resalte
Cuando hago doble clic en el fondo blanco, el iframe se resalta, ¿cómo lo deshabilito a través de css?
https://jsfiddle.net/516y29ka/
Para reproducir, haga doble clic con el mouse en el fondo blanco y verá que el iframe se resalta.
¿Cómo se deshabilita eso a través de css?
<iframe width="642" height="361" src="https://www.youtube.com/embed/M7lc1UVf-VE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
·
Santiago Trujillo
2 answers
Answer question0
Usar user-select: none; en el marco flotante.
<!DOCTYPE html> <head> <style> .video-frame { user-select: none; } </style> <body> <iframe class="video-frame" width="642" height="361" src="https://www.youtube.com/embed/M7lc1UVf-VE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </body> </html> Es compatible con casi todos los navegadores: https://caniuse.com/?search=user-select
Para obtener más información, consulte las especificaciones: https://www.w3.org/TR/2021/WD-css-ui-4-20210316/#propdef-user-select
·
Santiago Trujillo
Report
0
Use user-select y configúrelo en none Para evitar problemas de compatibilidad, agregue prefijos de proveedores: -webkit- -ms- -moz- -o-
.video-frame { user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -o-user-select: none; }
·
Santiago Trujillo
Report
Answer question