Habilitar HTML5 para Blipblip.tv en plugin Video Sidebar Widgets de WordPress

1 minute read

El problema

Viendo mi blog desde una tableta me percaté que los videos de Blipblip.tv que configuré en el Video Sidebar Widgets no se mostraban. Investigando me di cuenta que el plugin carga la versión anterior del reproductor de Blipblip.tv basado en Flash y no HTML5, por lo que lo videos no se podían apreciar desde dispositivos móviles que no soportasen Flash, los cuales ya son la mayoría.

La solución

Simplemente en los archivos helper-functions.phpclass-videosidebarwidget.php agregué condicionales para el caso Blipblip.tv y en concordancia agregué el player con HTML5. En particular, agregué las siguientes líneas en el archivo helper-functions.php:

elseif($admin=="true"){
 if($source == "Blip"){
 echo "\n<iframe src=\"$value.html?p=1\" width=\"250\" height=\"250\" 
 frameborder=\"0\" allowfullscreen>
 </iframe> 
 
 <embed type=\"application/x-shockwave-flash\" src=\"http://a.blip.tv/api.swf#$v_id2\" 
 style=\"display:none\">
 </embed>\n\n"; 
 }else{ 
 // echo video in admin
 echo "\n<object width=\"212\" height=\"172\">\n";
 echo $flashvar;
 echo "<param name=\"allowfullscreen\" value=\"true\" />\n";
 echo "<param name=\"allowscriptaccess\" value=\"always\" />\n";
 echo "<param name=\"movie\" value=\"$value\" />\n";
 echo "<param name=\"wmode\" value=\"transparent\">\n";
 echo "<embed src=\"$value\" type=\"application/x-shockwave-flash\" wmode=\"transparent\" ";
 echo "allowfullscreen=\"true\" allowscriptaccess=\"always\" ";
 echo $flashvar2;
 echo "width=\"212\" height=\"172\">\n";
 echo "</embed>\n";
 echo "</object>\n\n";
 }
}else{

Y en el archivo class-videosidebarwidget.php modifiqué lo siguiente:


case 'Blip':
 $rv_value = "http://blip.tv/play/$Embed_id";
 <strong>$rv_flashvar</strong> = "";
 $rv_flashvar2 = "";
 $rv_cap = $Embed_cap;

Y agregué estas líneas:

if($select_source == "Blip"){ 
 echo "\n&lt;iframe align=\"left\" src=\"$rv_value.html?p=1\" width=\"$RV_width\" height=\"$RV_height\" 
 frameborder=\"0\" allowfullscreen&gt;
 &lt;/iframe&gt;
 
 &lt;embed type=\"application/x-shockwave-flash\" src=\"http://a.blip.tv/api.swf#$Embed_id\" 
 style=\"display:none\"&gt;
 &lt;/embed&gt;\n\n";
}else{
 echo "\n&lt;object width=\"$RV_width\" height=\"$RV_height\"&gt;\n";
 echo $rv_flashvar;
 echo "&lt;param name=\"allowfullscreen\" value=\"true\" /&gt;\n";
 echo "&lt;param name=\"allowscriptaccess\" value=\"always\" /&gt;\n";
 echo "&lt;param name=\"movie\" value=\"$rv_value\" /&gt;\n";
 echo "&lt;param name=\"wmode\" value=\"transparent\"&gt;\n";
 echo "&lt;embed src=\"$rv_value\" type=\"application/x-shockwave-flash\" wmode=\"transparent\" ";
 echo "allowfullscreen=\"true\" allowscriptaccess=\"always\" ";
 echo $rv_flashvar2;
 echo "width=\"$RV_width\" height=\"$RV_height\"&gt;\n";
 echo "&lt;/embed&gt;\n";
 echo "&lt;/object&gt;\n\n";
 }
 if(!empty($rv_cap)){echo "&lt;p class=\"VideoCaption\"&gt;$rv_cap&lt;/p&gt;\n\n";};
 
 
 echo $after_widget;
 }

Luego de esto, los videos aleatorios con HTML5 se cargan sin problemas.

Soporte del plugin

Por cierto que contacté al desarrollador del plugin para que agregue estos cambios y me informó que estaba muy ocupado para hacerlo. Lástima que no lo sede al dominio público para que otro lo siga manteniendo.

Leave a Comment