Video “Picture in Picture” Option

Thanks to Paul Eiche, there is a new option for videos when scrolling out of view. Selecting “Picture in Picture Mode” will move the video to a corner of the screen, allowing you to scroll and continue watching the video.

picinpic

Here is a demo. This video will be minimized as you scroll down. You will be able to click on the video to stop playing. (NOTE: If you are using Novella theme, this feature requires Novella 1.7.2 or later.)

[aesop_video width=”720px” align=”center” src=”youtube” id=”1XDEjRwP9E4″ disable_for_mobile=”on” loop=”on” autoplay=”on” controls=”on” viewstart=”on” viewend=”pip” overlay_content=”

Pic in Pic

” revealfx=”off” overlay_revealfx=”off”]

 

 

 

New Animation Options for Overlay Content

Several Aesop components, including Image, Video, etc have “Overlay Content” options where you can specify texts or HTML codes to be overlayed on top of the media component. Now those contents can have separate reveal animations. This would be a great way to draw more attention to the overlayed elements. Reload to replay the animation.

[aesop_image imgwidth=”640px” img=”http://aesopstoryengine.com/wp-content/uploads/2016/10/cat.jpeg” align=”center” lightbox=”on” captionposition=”left” overlay_content=”

Overlay element can have

its own reveal animation

” revealfx=”inplace” overlay_revealfx=”frombelow”]

[aesop_image imgwidth=”640px” img=”http://aesopstoryengine.com/wp-content/uploads/2016/10/cat.jpeg” align=”center” lightbox=”on” captionposition=”left” overlay_content=”

Overlay element can have

its own reveal animation

” revealfx=”fromleft” overlay_revealfx=”fromright”]

New Gallery Options

You can now choose the content displayed on lightboxes for Grid and Photoset galleries.
lightboxtext

You can also choose to have overlay text for each image in Hero Gallery. You can use HTML to style texts overlayed on each image.

heroimagtext

[aesop_gallery id=”15611″ revealfx=”off” overlay_revealfx=”off”]

 

  Comments ( 1 )

Leave a Reply

Your email address will not be published. Required fields are marked *