Убрать все стили с iframe тега и поставить свои ?

Тема в разделе "JavaScript", создана пользователем usergeyv, 27 фев 2018.

  1. usergeyv

    usergeyv Постоялец

    Регистр.:
    5 июл 2013
    Сообщения:
    131
    Симпатии:
    20
    На странице размещен, например:
    Код:
    <iframe src="https://codepen.io/MrCheater/embed/preview/KZreRo?height=300&slug-hash=KZreRo&default-tabs=js,result&host=https://codepen.io&embed-version=2" style="border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;" allowfullscreen>  </iframe>
    Нужно скриптом убрать все его стили и поставить свои, например:
    scrolling="no" width="100%" height="430px"
     
  2. usergeyv

    usergeyv Постоялец

    Регистр.:
    5 июл 2013
    Сообщения:
    131
    Симпатии:
    20
    Вот так сделал, может кому надо:
    Код:
    <style>
    .vieo {
        height: 420px; /* Высота блока */
        width: 100%; /* Ширина блока */
        position: relative;
       }
    </style>
    <script>
    $(function(){
        $('iframe').wrapAll('<div class="vieo"></div>');
      });
    </script>
     
  3. 13zone

    13zone

    Регистр.:
    22 ноя 2008
    Сообщения:
    205
    Симпатии:
    45
    а если вот такая "аналогичная" задача стоит?

    google maps загружает свои данные во фрейме (динамично...), в нем есть див с классом class="gmnoprint" и вложенный в него img без класса.. как картинке привязать стиль? есть вариант привязывать стиль при наведении на иконку маркера, но это не решает проблему, так как нужно привязывать стиль ДО наведения на иконку чтобы стилизовать по своему информационное окно.

    может у кого есть решение на этот счет? онлоадом и т.д. решить не удалось
     
  4. scales009

    scales009 Создатель

    Регистр.:
    3 мар 2013
    Сообщения:
    6
    Симпатии:
    0
    да тут все просто на счет google map
    Если стилить поп ап то там


    где контент устаналиваешь свои стили
    var infowindow = new google.maps.InfoWindow()
    google.maps.event.addListener(marker,'click', (function(marker,content,infowindow){
    return function() {

    infowindow.setContent(content);
    infowindow.open(map,marker);
    };
    })(marker,content,infowindow));

    Только обязательно API
     
  5. msheduler

    msheduler Писатель

    Регистр.:
    29 июн 2013
    Сообщения:
    2
    Симпатии:
    0
    в данном случае это лучше называть параметрами, а не стилями(style).
    при вставке видео with API сможете управлять параметрами.
    здесь очень внятно -->
    https://developers.google.com/youtube/iframe_api_reference?hl=ru -->Начало работы