global $conf;

// Register the allowed extentions to the global conf in order
// to sync them with other contents
$jp_extensions = array(
    'ogg', 
    'mp4', 
    'm4v', 
    'ogv', 
    'webm', 
    'webmv',
);
$conf['file_ext'] = array_merge($conf['file_ext'], $jp_extensions);

add_event_handler('render_element_content', 'render_media', 40, 2 );

function render_media($content, $picture) {
    
  global $template, $picture, $page, $conf, $user, $refresh, $prefixeTable;

    // do nothing if the current picture is actually an image !
    if ( // piwigo < 2.4
         @$picture['current']['is_picture'] ||
         // piwigo > 2.4 
         ( array_key_exists('src_image', @$picture['current']) 
           && @$picture['current']['src_image']->is_original() )
       ) {
        return $content;
    }
  
    $extension = lower(get_extension($picture['current']['path']));
      
    if (lower($extension)=="webm" OR lower($extension)=="webmv") {
      $jp_content = $jp_content . " <source src=\"".$picture['current']['path']."\" type=\"video/webm\" />";}
    
    if (lower($extension)=="ogg" OR lower($extension)=="ogv") {
      $jp_content = $jp_content . " <source src=\"".$picture['current']['path']."\" type=\"video/ogg\" />";}
    
    if (lower($extension)=="mp4" OR lower($extension)=="m4v") {
      $jp_content = $jp_content . " <source src=\"".$picture['current']['path']."\" type=\"video/mp4\" />";}


  $jp_content = $jp_content . " </video>
  <script type=\"text/javascript\">
  texthtml = document.getElementById('theImage').innerHTML;
  var largueur = document.getElementById('theImage').offsetWidth - 20;
  document.getElementById('theImage').innerHTML = '<video width=\"' + largueur + '\" controls preload=\"auto\">' + texthtml.substring(0,texthtml.indexOf(\"<script type=\",7)); + ' </video>';
  </script>";
  </script>";
    return $jp_content;
}

function lower($chaine)  {
  return mb_strtolower($chaine,'UTF-8');
  }