Non c'è un modo per stilizzare TikTok e Instagram embed con CSS?

quando uso l’opzione “ispeziona elemento” sulla pagina del browser e la sposto sul CSS dell’incorporamento di tiktok e instagram, il CSS funziona, ma quando inserisco questo codice CSS nel discorso, non cambia nulla

Stavo rimuovendo l’enorme sfondo bianco dall’incorporamento dei post di instagram e mettendo un sottile bordo di 1px e un bordo arrotondato di 50px, la stessa cosa che ho fatto per tiktok che ha anche ridotto le dimensioni del post, poiché appare ritagliato sul cellulare, ma non è cambiato nulla

2 Mi Piace

Non è generalmente possibile manipolare il contenuto di un iframe proveniente da un dominio diverso a causa della policy del medesimo dominio — senza questo tipo di restrizione, si potrebbe, ad esempio, sostituire un’immagine con CSS che la faccia sembrare come se un utente di Instagram avesse pubblicato qualcosa che non ha fatto.

3 Mi Piace

Ma non puoi semplicemente cambiare lo sfondo, il raggio del bordo e le dimensioni del post? (Senza cambiare il contenuto della persona?)

Su Instagram c’è questo sfondo bianco che rovina il tema nero, oltre a questo ENORME spazio che rovina molto il post

Su TikTok, il post è attaccato nell’angolo e c’è questo orribile bordo bianco spesso

Su Twitter sono riuscito a rimuovere lo sfondo bianco e renderlo trasparente (per adattarlo a qualsiasi tema) e ho messo il bordo arrotondato a 50px e un bordo sottile

Puoi manipolare il tag iframe stesso (aggiungere bordi, arrotondare gli angoli, ecc.), ma in genere il contenuto al suo interno è completamente off-limits. Alcuni servizi forniscono opzioni di incorporamento, Twitter ad esempio ne ha alcune su https://publish.twitter.com/

1 Mi Piace

Come posso manipolare il tag iframe di Instagram e TikTok? Perché il modo in cui l’ho fatto qui non ha funzionato

1 Mi Piace

Se incorpori un video di TikTok in questo modo:

<iframe src="https://www.tiktok.com/embed/v2/7181493818871565574" height="800" width="400">

puoi aggiungere stili a un tema di Discourse in questo modo:

iframe {
  border: 1px solid red;
  border-radius: 20px;
}

ma sei limitato solo alla modifica del tag iframe stesso.

2 Mi Piace