6 replies to this topic

[rvargaz]

I tried to modify the default Single Player to show the thumbnails when playing in Solo Mode but I do not get the thumbmails.

I want to show the next 3 videos in the playlist.

 

I'm using the following shortcode:

[tubepress playerLocation="solo" mode="playlist" playlistValue="PLKOlS7AFsDuO88XFJh1quumI71AXfWJFU"]

 

any help will be appreciate it.

 

Thanks.

 

 

[brandon]

Hi rvargaz,

 

If you only want to display three thumbnails, you can change this setting from within the TubePress Settings page by going WP Dashboard > Settings > TubePres > Thumbnails and then scroll down to the bottom and change the number in "Thumbnails per page" to 3

 

Thanks!

[rvargaz]

Thanks for your reply Brandon.

 

Normal mode places the video on the top and thumbnails below, I want to have only the thumbnails in one page and when they click on a thumbnail being taken to another page with selected video and 3 thumbnails below it. 

is this possible?

[brandon]

Hi rvargaz,

 

This is possible, however it requires creating your own TubePress theme to use with your TubePress gallery.

 

To start with, you can copy the single_video.tpl.php theme from ...\wp-content\plugins\tubepress_pro_3_1_5\src\main\resources\default-themes\youtube

 

and place it ...\wp-content\plugins\tubepress_pro_3_1_5\src\main\resources\user-content-skeleton\tubepress-content\themes

 

Also, please be sure to rename the theme to something like "MyAwesomeTheme"

 

You can then customize that php file to create the look that you want.

 

 

Let us know if you require any more assistance.

 

Thanks!

[rvargaz]

I know how to edit the theme or to create one, but when I put the code to get the thumbnails underneath the video nothing comes up.

this is the code I'm using to get the thumbnails:

 

    <div class="tubepress_thumbs">

        <?php foreach (${tubepress_api_const_template_Variable::VIDEO_ARRAY} as $video): ?>

 

      <div class="tubepress_thumb">

        <div class="pic_th bw">

        <a id="tubepress_image_<?php echo $video->getId(); ?>_<?php echo ${tubepress_api_const_template_Variable::GALLERY_ID}; ?>" rel="tubepress_<?php echo ${tubepress_api_const_template_Variable::EMBEDDED_IMPL_NAME}; ?>_<?php echo ${tubepress_api_const_template_Variable::PLAYER_NAME}; ?>_<?php echo ${tubepress_api_const_template_Variable::GALLERY_ID}; ?>">

          <img alt="<?php echo htmlspecialchars($video->getTitle(), ENT_QUOTES, "UTF-8"); ?>" src="<?php echo $video->getThumbnailUrl(); ?>" width="<?php echo ${tubepress_api_const_template_Variable::THUMBNAIL_WIDTH}; ?>" height="<?php echo ${tubepress_api_const_template_Variable::THUMBNAIL_HEIGHT}; ?>" />

        </a>

        </div>

        <dl class="tubepress_meta_group" style="width: <?php echo ${tubepress_api_const_template_Variable::THUMBNAIL_WIDTH}; ?>px">

 

          <?php if (${tubepress_api_const_template_Variable::META_SHOULD_SHOW}[tubepress_api_const_options_names_Meta::TITLE]): ?>

          <dt class="tubepress_meta tubepress_meta_title"><?php echo ${tubepress_api_const_template_Variable::META_LABELS}[tubepress_api_const_options_names_Meta::TITLE]; ?></dt><dd class="tubepress_meta tubepress_meta_title"><a id="tubepress_title_<?php echo $video->getId(); ?>_<?php echo ${tubepress_api_const_template_Variable::GALLERY_ID}; ?>" rel="tubepress_<?php echo ${tubepress_api_const_template_Variable::EMBEDDED_IMPL_NAME}; ?>_<?php echo ${tubepress_api_const_template_Variable::PLAYER_NAME}; ?>_<?php echo ${tubepress_api_const_template_Variable::GALLERY_ID}; ?>"><?php echo htmlspecialchars($video->getTitle(), ENT_QUOTES, "UTF-8"); ?></a></dd>

          <?php endif; ?>

 

        </dl>

      </div>

      <?php endforeach; ?>

 

    </div>

 

what am I missing?

 

Thank you.

[rvargaz]

I think it's the gallery id. when I click on the video the thumbnails do not show because there is no gallery id. am I correct? 

Please give me a hand to resolve this; I really need it.

 

Thank you.

[brandon]

rvargaz,

 

I believe that you need this section of code as well:

<div class="tubepress_container" id="tubepress_gallery_<?php echo ${tubepress_api_const_template_Variable::GALLERY_ID}; ?>">

  <?php echo ${tubepress_api_const_template_Variable::PLAYER_HTML}; ?>

  <div id="tubepress_gallery_<?php echo ${tubepress_api_const_template_Variable::GALLERY_ID}; ?>_thumbnail_area" class="tubepress_thumbnail_area">

    <?php if (isset(${tubepress_api_const_template_Variable::PAGINATION_TOP})) : echo ${tubepress_api_const_template_Variable::PAGINATION_TOP}; endif; ?>

    <div class="tubepress_thumbs">
        <?php foreach (${tubepress_api_const_template_Variable::VIDEO_ARRAY} as $video): ?>

      <div class="tubepress_thumb">
        <a id="tubepress_image_<?php echo $video->getId(); ?>_<?php echo ${tubepress_api_const_template_Variable::GALLERY_ID}; ?>" rel="tubepress_<?php echo ${tubepress_api_const_template_Variable::EMBEDDED_IMPL_NAME}; ?>_<?php echo ${tubepress_api_const_template_Variable::PLAYER_NAME}; ?>_<?php echo ${tubepress_api_const_template_Variable::GALLERY_ID}; ?>">
          <img alt="<?php echo htmlspecialchars($video->getTitle(), ENT_QUOTES, "UTF-8"); ?>" src="<?php echo $video->getThumbnailUrl(); ?>" width="<?php echo ${tubepress_api_const_template_Variable::THUMBNAIL_WIDTH}; ?>" height="<?php echo ${tubepress_api_const_template_Variable::THUMBNAIL_HEIGHT}; ?>" />
        </a>
        <dl class="tubepress_meta_group" style="width: <?php echo ${tubepress_api_const_template_Variable::THUMBNAIL_WIDTH}; ?>px">

and then you just need to modify the if statements to make it only display three thumbnails.