Пользователь пока ничего не рассказал о себе

Достижения

Все достижения (6)

Наибольший вклад в теги

Все теги (20)

Лучшие ответы пользователя

Все ответы (11)
  • Как правильно стилизовать плеер youtube на сайте?

    @Egor1324 Автор вопроса
    РЕшил проблему с fullscreen при помощи js кода:
    function toggleFullScreen(elem) {
        	if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
        		if (elem.requestFullScreen) {
        			elem.requestFullScreen();
        		} else if (elem.mozRequestFullScreen) {
        			elem.mozRequestFullScreen();
        		} else if (elem.webkitRequestFullScreen) {
        			elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
        		} else if (elem.msRequestFullscreen) {
        			elem.msRequestFullscreen();
        		}
        	} else {
        		if (document.cancelFullScreen) {
        			document.cancelFullScreen();
        		} else if (document.mozCancelFullScreen) {
        			document.mozCancelFullScreen();
        		} else if (document.webkitCancelFullScreen) {
        			document.webkitCancelFullScreen();
        		} else if (document.msExitFullscreen) {
        			document.msExitFullscreen();
        		}
        	}
        }


    Но появилась другая проблема, при двойном клике по Youtube плееру, он становиться fullscreen и перекрывает мою панель, как можно этот двойной клик блокировать ?

    Что бы по двойному клику не открывался fullscreen нужно для iframe в css прописать:
    user-select: none;
    pointer-events: none;
    Ответ написан
    1 комментарий
  • Как сделать данный блок?

    <div class="toolTip">
            <p class="toolTip__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur distinctio dolore ipsam iste nobis pariatur possimus quia, quidem quisquam quos?</p>
            <!-- /.toolTip__content -->
        </div>
        <!-- /.toolTip -->

    .toolTip {
      width: 400px;
      height: 150px;
      background-color: #ebebeb;
      border-radius: 5px;
      margin-left: 50px;
      position: relative;
      padding: 20px;
    
      &::before {
        content: "";
        width: 30px;
        height: 30px;
        transform: rotate(45deg);
        position: absolute;
        left: -15px;
        top: 30%;
        background-color: #ebebeb;
      }
    }
    Ответ написан
    1 комментарий
  • Как сделать так чтобы одна буква занимала две строки?

    Как вариант обертка, в ней два span, в одном находится "Н", в другом "у на примере этого", для обертки прописать display: flex, что бы во втором span текст переносился можно задать фикс. ширину или поставить br
    Ответ написан
    Комментировать
  • Как заставить работать checkbox в карточке товара?

    Попробуйте так:
    $(document).on('change', '#new_price', function () {
            if ($(this).is(':checked')) {
                var newPrice = $('.add_item[data-id=1]').attr('data-price') * 1 + $(this).val() * 1;
                $('.add_item[data-id=1]').attr('data-price', newPrice);
            } else {
                var newPrice = $('.add_item[data-id=1]').attr('data-price') * 1 - $(this).val() * 1;
                $('.add_item[data-id=1]').attr('data-price', newPrice);
            }
        })

    После чего добавляйте цену в корзину с "data-price"
    Ответ написан
    2 комментария

Лучшие вопросы пользователя

Все вопросы (46)