videojs.theme.inc in Video.js (HTML5 Video Player) 7

Theme and preprocess functions for the Video.js module.

File

includes/videojs.theme.inc

<?php

/**
 * @file
 * Theme and preprocess functions for the Video.js module.
 */

/**
 * Preprocess function for videojs.tpl.php when using a playlist.
 */
function template_preprocess_videojs(&$vars) {
  videojs_add();

  // @todo add those settings to the admin
  $codecs = array(
    'video/mp4' => array(
      array(
        'width' => '720',
        'height' => '576',
        'type' => "video/mp4; codecs='avc1.42E01E, mp4a.40.2'",
      ),
      // Profile: Baseline, Level: 3.0
      array(
        'width' => '1280',
        'height' => '720',
        'type' => "video/mp4; codecs='avc1.4D401F, mp4a.40.2'",
      ),
      // Profile: Main, Level: 3.1
      array(
        'width' => '1920',
        'height' => '1088',
        'type' => "video/mp4; codecs='avc1.640029, mp4a.40.2'",
      ),
      // Profile: High, Level: 4.1
      array(
        'width' => '2048',
        'height' => '2048',
        'type' => "video/mp4; codecs='avc1.58A033, mp4a.40.2'",
      ),
    ),
    'video/webm' => 'video/webm; codec="vp8, vorbis"',
    'application/octet-stream' => 'video/webm; codec="vp8, vorbis"',
    'video/ogg' => 'video/ogg; codec="theora, vorbis"',
    'application/ogg' => 'video/ogg; codec="theora, vorbis"',
    'video/quicktime' => 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',
  );

  // set the width and height
  $vars['width'] = !empty($vars['attributes']['width']) ? $vars['attributes']['width'] : variable_get('videojs_width', 640);
  $vars['height'] = !empty($vars['attributes']['height']) ? $vars['attributes']['height'] : variable_get('videojs_height', 264);
  $vars['autoplay'] = !!variable_get('videojs_autoplay', FALSE);
  $items_mp4 = array();
  $items_others = array();

  // poster image
  $vars['poster'] = NULL;
  foreach ($vars['items'] as $delta => $item) {

    // Skip unplayable items.
    if (empty($item['filemime']) || !isset($codecs[$item['filemime']])) {

      // check for image file and add in it as poster
      if (isset($item['uri'])) {
        $imagecheckerrors = file_validate_is_image((object) $item);
        if (empty($imagecheckerrors)) {
          $vars['poster'] = file_create_url($item['uri']);
        }
      }
      continue;
    }

    // Special treatment for mp4 type due to different capabilities.
    if ($item['filemime'] == 'video/mp4' || $item['filemime'] == 'video/quicktime') {

      // Check if Video module present and dimensions are assigned
      if (isset($item['data']['dimensions'])) {
        list($width, $height) = explode('x', $item['data']['dimensions'], 2);

        // i.e. 560x314
        foreach ($codecs['video/mp4'] as $resolution) {
          $item['videotype'] = $resolution['type'];
          if ($width < $resolution['width'] && $height < $resolution['height']) {
            break;
          }
        }
      }
      else {
        $item['videotype'] = $codecs['video/mp4'][0]['type'];

        // dimensions info not exist, assign default
      }
      $items_mp4[] = $item;
    }
    else {
      $item['videotype'] = $codecs[$item['filemime']];
      $items_others[] = $item;
    }
  }

  // Special treatment for 'video/flv', if one is exist use it as flash fallback, otherwise first mp4
  foreach ($vars['items'] as $item) {
    if ($item['filemime'] == 'video/flv' || $item['filemime'] == 'video/x-flv') {
      $vars['flash'] = file_create_url($item['uri']);
      break;
    }
  }
  if (!isset($vars['flash']) && !empty($items_mp4)) {
    $vars['flash'] = file_create_url($items_mp4[0]['uri']);
  }
  if (empty($vars['flash_player']) && !empty($vars['flash'])) {
    $vars['flash_player'] = _videojs_flashplayer($vars['flash'], $vars['width'], $vars['height'], $vars['poster'], $vars['player_id']);
  }
  $vars['items'] = array_merge($items_mp4, $items_others);

  // mp4 listed first
}

/**
 * Preprocess function for videojs.tpl.php when displaying a view as a playlist.
 */
function template_preprocess_videojs_view(&$vars) {
  videojs_add();
  $vars['player_id'] = 'videojs-view-' . str_replace('_', '-', $vars['view']->name);
}

/**
 *  Get flash player fallback
 *
 *  $url - url to flash media
 *
 *  $width - width
 *
 *  $height - height
 *
 *  $poster - url to the poster image
 */
function _videojs_flashplayer($url, $width, $height, $poster = NULL, $player_id) {
  if (module_exists('flowplayer')) {

    // kjh: use a playlist to display the thumbnail if not auto playing
    if ($poster) {
      $options = array(
        'playlist' => array(
          array(
            'url' => $poster,
            'scaling' => 'fit',
          ),
          array(
            'url' => urlencode($url),
            'autoPlay' => FALSE,
            'autoBuffering' => TRUE,
            'scaling' => 'fit',
          ),
        ),
      );
    }
    else {
      $options = array(
        'clip' => array(
          'url' => urlencode($url),
          'autoPlay' => FALSE,
          'autoBuffering' => TRUE,
          'scaling' => 'fit',
        ),
      );
    }

    // Class must be on a container element because Video.js does not look at
    // elements with multiple classes
    $style = 'width: ' . $width . 'px; height: ' . ($height + 24) . 'px;';
    return '<div class="vjs-flash-fallback" style="' . $style . '">' . theme('flowplayer', array(
      'config' => $options,
      'id' => $player_id . '-flowplayer',
      'attributes' => array(
        'style' => $style,
      ),
    )) . '</div>';
  }
}

Functions

Name	Description
template_preprocess_videojs	Preprocess function for videojs.tpl.php when using a playlist.
template_preprocess_videojs_view	Preprocess function for videojs.tpl.php when displaying a view as a playlist.
_videojs_flashplayer	Get flash player fallback