Joomla Templates Club 406,261 posts

[daria_kas Friend daria_kasJoin date: July 2012Posts: 26Downloads:43Uploads:0 Thanks: 1]

#922832

I have a mask over video like in the demo, and a button for play or pause.
the button works if i embed vimeo video like so:

<div class="video-wrapper"><button class="btn btn-play"><i class="fa fa-play"> <button class="btn btn-pause"><i class="fa fa-pause"><div class="mask">
<iframe id="player1" width="100%" height="100%" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="//player.vimeo.com/video/163974817?autoplay=1&loop=1&title=0&byline=0&portrait=0&api=1&player_id=player1">

but not on youtube video :

<div class="video-wrapper"><button class="btn btn-play"><i class="fa fa-play"> <button class="btn btn-pause"><i class="fa fa-pause"><div class="mask">
<iframe id="player1" width="100%" height="100%" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="https://www.youtube.com/embed/1rp_65VkU_k?autoplay=1&loop=1&title=0&byline=0&portrait=0&api=1&player_id=player1" >

when embedding youtube as above, the video is playing behind the mask, the button on top shows but cannot be clicked. the video just plays without stopping. same code for vimeo works just fine. I really need to use youtube though. please help.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#923234

Hi,

By default the video on JA Nuevo template only supports vimeo and not youtube, if you want to run with youtube, maybe you can follow the user guide for reference here and find Replace with youtube video? section

Regards

[daria_kas Friend daria_kasJoin date: July 2012Posts: 26Downloads:43Uploads:0 Thanks: 1]

#929422

HI, I have another question. How can I make the megamenu transparent? thank you very much

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#929749

daria_kas wrote:

HI, I have another question. How can I make the megamenu transparent? thank you very much

This way will help you to make a custom the megamenu to transparent

Create templates/ja_nuevo/css/custom.css file and add new rule

.navbar-nav > li > .dropdown-menu, .navbar-nav > li.open > .dropdown-menu {
    background: transparent;
}

[Author]

Posts