Embed Video

Hi! First of all thanks a lot for your help, your tutorials are superb.
Now, my pain is with the embed video for streamable, a very nice hosting short video.
I have the automatic embed video for youtube and dailymotion on my forum, but i don't know how to make the streamable videos do the same.
Sorry for my bad english, my question is: How can the streamable videos embed in my topics?

You will have to get the share coding from the video and post it on your forum.  Also you will have to enable HTML for the whole forum.

No chance to add an iframe code to just put the "naked" link in a topic like for youtube and dailymotion?

Most of the web page players already deliver an <iframe> code in their videos, you just have to look for it in another way, you must create it by hand and insert it in your theme.
I use this Javascript for autoembedding youtube videos, I only place the url of the youtube video in the theme and the script does the embed:

Code:


    jQuery(function(){

    var ancho = "560";
    var alto = "315";
   
    jQuery('.postbody a[href*="youtube.com/watch"]').each(function(){
    var ytid = jQuery(this).attr('href').split("v=")[1].split("&")[0];                               
    jQuery(this).html("<iframe width="+ancho+" height="+alto+" src=https://www.youtube.com/embed/"+ytid+" frameborder=0 allowfullscreen></iframe><br>"); 
    });
   
    jQuery('.postbody a[href*="youtu.be/"]').each(function(){
    var ytid = jQuery(this).attr('href').split("youtu.be/")[1].split("?")[0];                               
    jQuery(this).html("<iframe width="+ancho+" height="+alto+" src=https://www.youtube.com/embed/"+ytid+" frameborder=0 allowfullscreen></iframe><br>"); 
    });   
    });


only just put the simple youtube url https://youtu.be/GfR3VP8cmrA and the script will do the rest.
when creating the JS place it in the topics.

»Administration Panel> Modules> HTML & JAVASCRIPT> Management of JavaScript codes
Position: In topics

I solved in this way thanks to MattiaDes from another forum

Code:

$(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 />")
    });
});

Thank you guys!