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

usergeyv

Знаток
Регистрация
5 Июл 2013
Сообщения
152
Реакции
25
На странице размещен, например:
Код:
<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"
 
Вот так сделал, может кому надо:
Код:
<style>
.vieo {
    height: 420px; /* Высота блока */
    width: 100%; /* Ширина блока */
    position: relative;
   }
</style>
<script>
$(function(){
    $('iframe').wrapAll('<div class="vieo"></div>');
  });
</script>
 
а если вот такая "аналогичная" задача стоит?

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

может у кого есть решение на этот счет? онлоадом и т.д. решить не удалось
 
да тут все просто на счет 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
 
На странице размещен, например:
Код:
<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"

в данном случае это лучше называть параметрами, а не стилями(style).
при вставке видео with API сможете управлять параметрами.
здесь очень внятно -->
Для просмотра ссылки Войди или Зарегистрируйся -->Начало работы
 
Назад
Сверху