Изменение Видеоплеера flickr подгруженого через Oembed
Нужно убрать некоторые блоки в плеере flickr который подгружаеться через oembed. Пытался изменить с помощью css но так как он выводиться через iframe ничего не работает возможно ли решить эту задачу
<iframe allowfullscreen="" class="flickr-embed-frame" webkitallowfullscreen="" mozallowfullscreen="" oallowfullscreen="" msallowfullscreen="" style="overflow: hidden; padding: 0px; margin: 0px; width: 500px; height: 281px; max-width: none;" data-natural-width="500" data-natural-height="281" data-loaded="true" width="500" height="281" frameborder="0"></iframe> #document <!DOCTYPE html>
Нужно менять эти стили
<html lang="en-US"><head>
<title>Фантастические твари и где они обитают — Русский трейлер (2016)</title>
<style type="text/css" media="screen">
body {
margin: 0;
background: transparent;
overflow: hidden;
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.flickr-embed {
position: relative;
font-family: "Helvetica Neue", helvetica, arial, sans-serif;
background: #FFF;
box-shadow: inset 0px 0px 0px 1px #EEEEEE;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickr-embed a {
text-decoration: none;
}
.flickr-embed.is-slideshow .slide {
display: none;
}
.flickr-embed.is-slideshow .slide[data-is-current-slide] {
display: block;
transform: rotate(0);
}
.flickr-embed .flickr-embed-header {
height: 46px;
}
.flickr-embed .flickr-embed-header .avatar {
width: 30px;
height: 30px;
border-radius: 100%;
overflow: hidden;
margin-right: 15px;
float: left;
margin-top: 8px;
background-size: cover;
}
.flickr-embed .flickr-embed-header .branding {
float: right;
width: 50px;
margin: 6px 15px 0 15px;
white-space: normal;
height: 38px;
}
.flickr-embed .flickr-embed-header .branding svg {
fill: #989898;
pointer-events: none;
height: 38px;
}
.flickr-embed .flickr-embed-header .branding a {
display: block;
}
.flickr-embed .flickr-embed-header .attribution {
font-size: 15px;
margin: 0 0 0 15px;
line-height: 46px;
}
.flickr-embed .flickr-embed-header .attribution a {
color: #989898;
}
ифрейм это как бы встроенная ЧУЖАЯ страница сайта внутри твоего сайта, а значит и цсс ЧУЖОГО сайта ты поменять не сможешь
Выход запрашивать и выводить данные чиспользуя их API https://www.flickr.com/services/api/
если ты можешь php:
https://github.com/dan-coulter/phpflickr
https://code.iamcal.com/php/flickr/readme.htm
Удачи.