Support » CSS / opmaak vragen » video in widget onscherp

  • beste mensen,
    op de startpagina van de website wordt een video in mbv een widget geplaatst.
    Door – voor mij – onduidelijke reden is deze ineens onscherp afgebeeld. Voorheen was hij wel scherp. De plaatser zegt niets in zijn handelingen ( video plaatsen bij you tube, daarna in de widget van de site) te hebben verandert.
    Wie heeft een idee waar te zoeken?
    thema: childthems van GridWP
    met aangepaste extra css: `.entry-header {display:none;}
    .gridwp-grid-post-title {display:none;}
    .gridwp-top-social-bar {
    background: #f71212;
    border-bottom: 3px solid #0000f1;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 0 40px rgba(0,0,0,.1) inset;
    }
    .gridwp-nav-primary {
    float: none;
    background: #333333;
    border-bottom: 3px solid #00ff01;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 0 40px rgba(0,0,0,.1) inset;
    }
    .gridwp-nav-primary-menu a:hover,.gridwp-nav-primary-menu .current-menu-item > a,.gridwp-nav-primary-menu .sub-menu .current-menu-item > a:hover,.gridwp-nav-primary-menu .current_page_item > a,.gridwp-nav-primary-menu .children .current_page_item > a:hover{background:#f71212;color:#ffffff;}

    .gridwp-sidebar-widget-areas .widget .gridwp-widget-title{font:normal normal 15px Oswald,Arial,Helvetica,sans-serif;line-height:1;color:#000000;margin:-12px -12px 6px -12px;padding:0;text-transform:uppercase;text-align:center;background:#eeeeee;border-bottom:1px solid #dddddd;overflow:hidden;letter-spacing:-0.2px;}
    .gridwp-sidebar-widget-areas .widget .gridwp-widget-title a,.gridwp-sidebar-widget-areas .widget .gridwp-widget-title a:hover{color:#000000;}
    .gridwp-sidebar-widget-areas .widget .gridwp-widget-title span{padding:7px 10px;display:block;border:1px solid #8dff04;position:relative;vertical-align:bottom;}
    .gridwp-sidebar-widget-areas .widget a{color:#444444;}
    .gridwp-sidebar-widget-areas .widget a:hover{color:#666666;}
    .gridwp-sidebar-widget-areas .widget a:active{text-decoration:none;}
    .gridwp-sidebar-widget-areas .widget ul{margin:0;padding:0;list-style:none;list-style-type:none;}
    .gridwp-sidebar-widget-areas .widget ol{margin:0;padding:0 0 0 1.2em;}
    .gridwp-sidebar-widget-areas .widget li{margin:0;padding:6px 0px 6px 0px;border-bottom:1px solid #f6f6f6;}
    .gridwp-sidebar-widget-areas .widget li li{padding:6px 0 6px 10px;line-height:1.8;}
    .gridwp-sidebar-widget-areas .widget li:first-child{}
    .gridwp-sidebar-widget-areas .widget li:last-child{padding-bottom:0;border-bottom:none;}
    .gridwp-sidebar-widget-areas .widget select{margin:0;width:90%;max-width:90%;border:1px solid #dddddd;}
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: middle ;
    }

    `

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Je thumbnail is te klein voor de weergave in de site. Check maar eens https://i.ytimg.com/vi/ch_WyE-wlEQ/default.jpg. Dit is de afbeelding die je dus ziet en wordt opgeblazen.

    Kans is groot dat dit een instelling is of een guideline van youtube?

    Dank voor je reactie, omdat er niets is veranderd bij YouTube volgens de gebruiker weet ik dus niet waar dan wel, voorheen was het probleem er nml niet.

    heb nog steeds geen oplossing gevonden: video opnieuw geupload , opnieuw miniatuur gekozen etc, maar blijkbaar maakt YT de miniaturen nu met andere afmetingen???
    Ook het gebruikte thema opnieuw ge├»nstalleerd, childthema weer geactiveerd, alle instellingen nagelopen. alles is up-to-date…….blijft de vraag waarom het eerst wel werkte en nu niet meer

    Werkt gewoon met een simpele oembed van youtube?

    https://ibb.co/jRDxrQ2

    werkwijze: in de widget video van het thema wordt het webadres van de video bij YT geplaatst. Zo simpel, en het werkte dus eerst wel. ( en nog steeds bij kleine devices als mobiel en tablet is het mooi scherp )
    Nu heb ik er tijdelijk maar de widget ‘ afbeelding’ in gezet met daarin een plaatje met de link naar de video, maar da’s lapwerk……

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)