Love this template! It fits my needs perfectly. I've done a bunch of modifications but can't figure out one thing: how/where do you change the opacity of the background video? I see how to change the opacity of the images but not the video. Thank you!
Love this template! It fits my needs […]
Thanks for purchasing Rinjani, and I am glad you love it.
Option A:
1. Just open your assets/css/rinjani.css file. Find this css code:
#intro:before {
2. You can set the opacity of a background (video) of an overlaying div (#intro) with this code:
Example 1:
#intro:before {
background: rgba(0, 0, 0, 0.2);
}
Example 2:
#intro:before {
background: rgba(0, 0, 0, 0.5);
}
Option B:
Open your assets/js/main.js file, under YOUTUBE VIDEO BACKGROUND section, find and change this line:
var ua = navigator.userAgent.toLowerCase(),
isAndroid = ua.indexOf("android") > -1;
var filters = {
brightness: 50 // 1 - 400
};
if(jQuery.browser.mobile === false && !isAndroid){
$('.player').YTPlayer({
videoURL: 'https://www.youtube.com/watch?v=Ufnf0ecwzVI',
containment: 'body',
autoPlay: true,
mute: true,
startAt: 137, // Set the seconds the video should start at.
opacity: 1
}).YTPApplyFilters(filters);
}
Hope that helps :)
Thank you.
Al