YouTube Videos minimieren

R3APER · 3. November 2020

Moin,

Mir ist soeben zu Sinnen gekommen, dass YouTube Videos auf Pinnwänden unter anderem zu schlechtem Lesefluss führen.

Als Beispiel z.B. Kamba

Lasst mich wissen ob die Behebung mithilfe eines Plugins oder Codes die Arbeit wert ist.

Grüße

Edgar · 3. November 2020

Moin.

Das Problem gab's ja immer wieder. Einige finden es durchaus störend, auch in Beiträgen. Ich selbst habe keine Probleme damit.

Gibt es denn nicht bereits ein Plugin dafür?

seegras · 3. November 2020

Das könnte man bestimmt via CSS im jeweiligen Design lösen

LeonMrBonnie · 3. November 2020

Zitat von seegras

Das könnte man bestimmt via CSS im jeweiligen Design lösen

Das denke ich nicht, da der YouTube Player von YouTube selber kommt und denke ich mal nur ein iframe ist. Also müsste man es vielleicht automatisch in einen Spoiler packen oder sowas

Edgar · 4. November 2020

Mit CSS könnte man das über die.videoContainer-Klasse lösen. Wäre aber - meiner Meinung nach - nicht ganz so schön. Generell diese Videos zu minimieren finde ich nicht toll.

Ich habe testweise mal eingestellt, dass die Videos max. 30% Breite einnehmen und sobald man mit der Maus drüber geht wird wieder 100% beansprucht.

Müsste man noch ein bisschen verfeinern, damit es auch Benutzerfreundlich ist. Ich kann ja mal nächste Woche etwas rumprobieren.

shoxinat0r · 4. November 2020

Zitat von Cireyses

Ich kann ja mal nächste Woche etwas rumprobieren.

Das klingt doch nach einem Plan.

R3APER · 8. November 2020

Hallo, es eignet sich folgendes Plugin und beiliegender Code.

https://shop.destinaja.de/prod…aprovider-collection-wsc/

Mit folgendem Plugin und folgendem Code, werden nun alle Medienanbieter(nicht nur YouTube) verkleinert.

Code

@include screen-sm-up {
    .videoContainer {
           padding-bottom: 0%;
           height: 315px;
           max-width: 560px;
    }


    p.text-center + .videoContainer{
        margin-left: auto;
        margin-right: auto;
    }


    p.text-right + .videoContainer {
        margin-right: 0px;
        margin-left: auto;
    }
}

Alles anzeigen

Beitrag von R3APER (4. November 2020)