Video in Expositio Theme WordPress

Dbranes answers:

I don't know if this theme supports this feature.

I'm not sure if you should override the gallery thumb clicks, because it seems to works like prev/next image links.

But there exists some plugins like [[LINK href="https://wordpress.org/plugins/wp-gallery-custom-links/"]]WP Gallery Custom Links[[/LINK]]. This plugin can override the gallery onclick event, in many cases, with a custom external link.

Another approach you might consider is to add an external link in the image caption. Various ways to do that, the most primitive one is to add it by hand ;-)

The third way might be to try to add an overlay play button over the specific gallery image. This might need some more work and thought.

So you could use the next/previous feature of the image gallery as well.

Arnav Joy answers:

if you want to show the video to the single post page then we can add custom field to every post in admin and can display it at front end.
Let me know if this solution is ok ..

Bob answers:

Have you tried differen video gallery plugins?https://wordpress.org/plugins/vimeo-channel-gallery/
https://wordpress.org/plugins/huzzaz-video-gallery/

---

Monit Jadhav answers:

By default the Expositio theme assigns a behavior to the a tags so it will prevent light boxes to work properly. Moreover if you want to show them a video on thumbnail click you can do the following

add_theme_support( 'post-formats', array( 'video' ) );

Add this to create a new video post format. Then wheneve posting a video link pick the post format as video.

Next we tweak the theme index page

Firstly create a new custom field on the post called video_link

Now get the vimeo video link lik this

https://vimeo.com/channels/staffpicks/121886271

and write it as something like below

http://player.vimeo.com/video/121886271?title=0&byline=0&portrait=0

Now put this link in the custom fields value

See attachments

Then change the index page code to below

<strong>Old code</strong>


<div id="main-content" class="main-content">
<?php
if (have_posts()):
// Start the Loop.
while (have_posts()): the_post();
?><!--

--><div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<a class="image_link" href="<?php the_permalink(); ?>">
<?php echo expositio_image_tag(get_post_thumbnail_id()); ?>
</a>
<?php if (get_the_title() != ''): ?>
<div>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</div>
<?php endif; ?>
</div><!--

-->


<strong>New Code</strong>


<div id="main-content" class="main-content">
<?php
if (have_posts()):
// Start the Loop.
while (have_posts()): the_post();
?><!--

--><div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

<!-- Loop Modification starts here -->
<?php if (has_post_format('video') && get_post_meta( get_the_id(), 'video_link', true ) ):
$post_image_url = get_post_meta( get_the_id(), 'video_link', true ) ;
?>
<a class="image_link" href="<?php echo $post_image_url; ?>">
<?php echo expositio_image_tag(get_post_thumbnail_id()); ?>
</a>
<?php else: ?>
<a class="image_link" href="<?php the_permalink(); ?>">
<?php echo expositio_image_tag(get_post_thumbnail_id()); ?>
</a>
<?php endif; ?>
<!-- End of Loop Modification -->


<?php if (get_the_title() != ''): ?>
<div>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</div>
<?php endif; ?>
</div><!--

-->


This should take care of your video links separating them from other posts. Making them in light box will involve whole lot of javascript tweaking which certainly is a good candidate for JavaScript questions its a bit out of scope here on wp-questions.

This does give a solution though and a user can always hit back button to go back to the site.

Let me know your thoughts and if this works for you?