Video embed in topic

3 partecipanti

Risolto Video embed in topic

Messaggio Da Simone Boi Gio 26 Nov 2020 - 0:23

Salve a tutti! Per cominciare grazie a chi di dovere per l'aiuto con i tutorial e tutto il resto.

Ora vi spiego il mio problema, poco fa ho inserito lo script per far in modo che i video di youtube e dailymotion si vedessero nel topic automaticamente, semplicemente mettendo il link del video nudo e crudo nel post, e fin qui tutto ok, nessun problema.
La mia domanda però è un'altra, come faccio a far in modo che si possa fare lo stesso per i video di "streamable"?, non sono pratico con i codici, perciò non so come fare.

Ho provato aggiungendo questi ma ovviamente ho sbagliato:

Codice:
  $('.post-content a[href*="streamable.com"]').each(function(){
    var ytid = $(this).attr('href').split('/video/')[1];                 
    $(this).html("<iframe width=" largeur " height=" hauteur " src=https://www.streamable.com/e/" ytid " allowfullscreen allow=autoplay></iframe><br />");
    });

 
  $('.postbody a[href*="streamable.com"]').each(function(){
    var ytid = $(this).attr('href').split('/video/')[1];                 
    $(this).html("<iframe width=" largeur " height=" hauteur " src=https://www.streamable.com/e/" ytid " allowfullscreen allow=autoplay></iframe><br />");
    });

Inoltre se fosse possibile sarebbe bello anche sapere come far in modo che si vedano allo stesso modo anche gli streaming di twitch (anche se mi interessa di più streamable).

Buona serata!


Ultima modifica di Simone Boi il Mar 1 Dic 2020 - 17:46 - modificato 1 volta.
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 31
Messaggi : 135
Località : Italia

Visualizza il profilo https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Video embed in topic

Messaggio Da MattiaDes Gio 26 Nov 2020 - 9:05

Buongiorno happy non conosco Streamable, ho fatto alcuni test e ho scritto questo codice:

Codice:
$(function() {
    $('.postbody a[href*="streamable.com"]').each(function() {
        var ytid = $(this).attr('href').split("streamable.com/")[1].split("?")[0];
        $(this).html("<div style='width: 100%; height: 0px; position: relative; padding-bottom: 56.250%;'><iframe src=https://www.streamable.com/e/" + ytid + " frameborder=0 allowfullscreen style='width: 100%; height: 100%; position: absolute;'></iframe></div><br />")
    });
});

Funziona solo su phpbb3, risultato:

Video embed in topic 6A862rS

Per Twitch purtroppo è più complicato, c'è una lunga documentazione a riguardo: https://dev.twitch.tv/docs/embed/video-and-clips/


Video embed in topic Z_user10

Video embed in topic 1300 Video embed in topic 2203 Video embed in topic 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 26
Messaggi : 5072
Località : Italy

Visualizza il profilo http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Video embed in topic

Messaggio Da Simone Boi Gio 26 Nov 2020 - 9:58

È perfetto! Grazie mille! Per twitch è un peccato, ma pazienza, grazie mille veramente! Spero di poter postare altri problemi in futuro senza diventare un fastidio Very Happy ho iniziato da pochissimo con il forum e non sono bravo con i linguaggi
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 31
Messaggi : 135
Località : Italia

Visualizza il profilo https://galaxypledges.forumattivo.com/

A MattiaDes piace questo messaggio.

Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Video embed in topic

Messaggio Da MattiaDes Gio 26 Nov 2020 - 10:00

Prego Very Happy va bene, buona fortuna con il tuo forum!


Video embed in topic Z_user10

Video embed in topic 1300 Video embed in topic 2203 Video embed in topic 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 26
Messaggi : 5072
Località : Italy

Visualizza il profilo http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Video embed in topic

Messaggio Da Niko Dom 10 Gen 2021 - 22:49

Ciao @Simone Boi

se ti interessa per Twitch ecco qui il codice da usare! Devi solo modificare var parent = 'www.mywebsite.com'; inserendo il link del sito/forum su cui inserisci il codice, quindi quello del tuo forum :bene:
Nota bene: se non configuri il "parent" non funzionerà nulla!

Codice:
$(function() {
var parent = 'www.mywebsite.com';
    $('.postbody a[href^="https://www.twitch.tv/videos/"], .post a[href^="https://www.twitch.tv/videos/"]').each(function() {
        var Twid = $(this).attr('href').split("https://www.twitch.tv/videos/")[1].split("?")[0];
        $(this).html('<iframe src="https://player.twitch.tv/?video='+Twid +'&parent='+parent+'" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>');
    });
});

Ecco il risultato:

Video embed in topic 2021-010
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9151
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.