Integrazione codice HTML nel blog 
Autore: Niccolò Parrini
Visite 619,
Followers 1,
Condiviso 0
Salve,
di recente avevo affrontato una discussione in merito ad integrare attraverso codice HTML un video youtube dentro il blog in modo che fosse responsive. link discussione.
Il problema è che riprovando ad integrare quel codice non ottengo più risultati e il video non si vede. Il problema non é di codice, perché prima funzionava ed inoltre se inserisco in una pagina del sito lo strumento HTML e inserisco quel codice il risultato si ottiene.
Credo che con qualche ultimo aggiornamento si sia erroneamente compromesso qualcosa nel blog.
Il mio problema è il seguente: se integro un codice HTML responsive dentro un post del blog non si vede il video, se inserisco il codice html che mi fornisce youtube invece vedo correttamente tutto.
Postato il
Buongiorno Niccolò,
se il codice è questo <iframe width="560" height="315" src="https://www.youtube.com/embed/gSNGGFwZkQA" frameborder="0" allowfullscreen></iframe>
l'ho inserito nel blog e si vede correttamente. Verifica che nell'articolo sia abilitata l'interpretazione del codice html, cliccando sull'apposito pulsante nella toolbar.
Fammi sapere se hai difficoltà.
... oltre alla abilitazione al codice HTML [</>] ...controllare di non aver attivato formattazioni di testo su quella stringa di codice IFRAME, e che tutta la stringa sia sviluppata in unica riga, senza ritorni a capo; si può verificare nel blocco note di Windows...
.
Autore
Riestrapolo il codice che avevo preso da gli altri post per farvi capire meglio. Questo codice funzionava perfettamente quando lo implementai la prima volta nel blog e funziona tutt'ora perfettamente se lo implemento fuori dal blog, inserendo un widget HTML in una pagina del mio sito. Questo solo per sottolineare che il codice risulta essere corretto e funzionante.
All'interno del blog, dopo aver inserito la spunta per l'inserimento di codice HTML del post scrivo:
<div class="video-responsive"><iframe src="link_del_video" allowFullScreen></iframe></div>
Poi mi sposto nelle proprietà della pagina blog, sezione esperto, prima della chiusura del tag HEAD, e scrivo:
<style>
.video-responsive {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
Se metto l'anteprima capisco che quel codice in qualche modo funziona, perchè non visualizzo il codice e c'è uno spazio bianco che prende una fetta del post (come se ci fosse lo spazio per il video), però purtroppo non si vede niente.
Buongiorno Niccolò,
prova senza codice e vedi se così si visualizza correttamente.
Il codice css potrebbe interferire con quello generato automaticamente dal programma.
Purtroppo non posso aiutarti con codici esterni, dovrai attendere l'aiuto di altri utenti della community.
Grazie.
... se nel Topic indicato il codice funzionava, allora i problemi saranno altri...
... di dovrebbe postare il LINK della pagina in questione...
.
Autore
Ho creato un sito di prova, link: http://www.parriniweb.altervista.org/prova
Ho inserito gli stessi codici, uno implementandolo in un oggetto HTML (homepage) e uno inserendolo nel blog.
Come potete vedere sulla homepage il video si vede, nel blog rimane lo spazio vuoto.
Prima della chiusura del TAG head di entrambe le pagine ho inserito il codice visto sopra. Come posso risolvere?
... io vedo che questo non è regolare, e c'è anche un tag <a>!:
<iframe src="</span><span class="fs11 cf1 ff1">https://www.youtube.com/embed/84aJv0NelEU<span< a=""> class="fs11 cf1 ff1">" allowFullScreen></iframe>
... come detto prima, non deve essere influenzato o far parte da/di formattazioni del testo che ne alterino la struttura html
.
... non avendo il programma non posso provare direttamente; ... chi invece può, potrà essere più preciso nello specifico...
.
Autore
Non saprei, probabilmente qualcosa va in conflitto, ma sicuramente il video di youtube dentro il blog non si può visualizzare in quel modo perchè è orrendo :P
Come posso fare per farlo visualizzare in modo responsive senza entrare in conflitto con i codici del blog?
... per poter valutare non vedo più l'iframe ...
.