Okay
  Public Ticket #2532976
video hover
Closed

Comments

  •  1
    sempolak started the conversation
    September 8, 2020 at 8:56pm

    I would like to make an hover video when hover over portfolio items.

    But i cant make it happen anywhere. 

    Now the hovers only works with title's or links. 

    How can u do an hover like this: https://www.finalkid.com/work/

    This is also made with Salient.

  •  8,849
    Tahir replied
    September 9, 2020 at 9:25am

    Hey,

    They seem to have used this custom JS code:

    <script>
jQuery(document).ready(function($){
var figure = $(".vert-center").hover(hoverVideo, hideVideo);
function hoverVideo(e) {
  $('video', this).get(0).play();
}
function hideVideo(e) {
  $('video', this).get(0).pause();
$('video', this).get(0).currentTime = 0;
}
});
</script>

    and added the Video Object via a Portfolio Custom Content Item.

    1258744606.pngClick Image to View Larger.

    Thanks 

    ThemeNectar Support Team 

  •  1
    sempolak replied
    September 13, 2020 at 3:24pm

    So can I use this code with a Lightbox video?

  •  8,849
    Tahir replied
    September 14, 2020 at 10:30am

    Hey Again,

    The code provided is being used in their Portfolio Element and is not connected to the Lightbox. Try using our pre-built layouts: http://themenectar.com/docs/salient/salient-studio/ . 

    Thanks

    ThemeNectar Support Team 

  •  16
    Josée replied
    November 9, 2020 at 7:40pm

    Hi , 

    I try to reproduce that, because I need as well the same behavior. When you say : "added the Video Object via a Portfolio Custom Content Item"... what is that custom-content item?

    Thanks!

  •  8,849
    Tahir replied
    November 10, 2020 at 11:36am

    Hey Again,

    It added in here: 

    6210584298.pngClick To Open Larger Image.

    Thanks

    ThemeNectar Support Team