Video Header Portfolio page

[romanzy]

Hello,

Please check the video header portfolio page.

The video disappears after loading. I have the same problem on my install. A Youtube video link works well, but not when the local videos are set as background. Problem with the Youtube video is that the title flows to the complete left side of the screen when the inner container is set to “no”, which is necessary to get the video full-width.

The css snippet mejs-container { max-width: initial !important;} has no effect.

So, any idea how things must be configured in order to have a full-width LOCAL video (that does not disappear after loading) and this with the tile and subtitle set within an inner container so that the titles keep aligned with the inner content?

 

[romanzy]

Please see also attached screen shot and the link of the Video Header Portfolio page of my site:

https://www.socialita.nl/portfolio/video-background-header/

[romanzy]

There is also a problem with the Hosted Video Full Width page.

The video does not play, and there is also an issue with video keys. See screenshot in attachment.

[Laura]

Hello, can you share access so i can check it at visual composer?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[romanzy]

Hi Julie,

Here are your login credentials:

url: https://www.socialita.nl/wp-admin/
user: Julia
pass: R1hEB8q8!JH5!3JQTCziEAbJ

Thank you for the effort

[romanzy]

Laura,

Sorry for my mistake about your name.

When I was writing here, my daughter Julie wrote me, and mixed up her name with yours. So, not Julie nor Julia but Laura 🙂

When you enter my site, then can you have a look also at the registration page? I have a few new BASE xprofile primary fields, but not all of them appear on the registration form, and I have no idea why. All base fields should appear on the registration form, right?

Thanks for looking at that as well.

[romanzy]

And 1 more thing, I’m sorry…

Please see attached screen shot. Need a little help with a CSS glitch in the activity stream.

[Laura]

Hahaha do not worry Julie or Julia sounds good too! I think it suits me 🙂

About the video, can you send me the direct link of where do you have it at your website?

For the activity issue try by adding this to style.css of child theme

COPY CODE

#buddypress #activity-stream p img {
    display: inline !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[romanzy]

Hi Laura,

Here are the links:

https://www.socialita.nl/portfolio/video-background-header/

https://www.socialita.nl/portfolio/hosted-video-full-width/

Please read the messages from above to comprehend what it is all about. Then, you did not give any feedback regarding BASE fields that do not appear on the registration form.

Thank you for the CSS.snippet.

Kind regards,

Romanzy

[romanzy]

The issue regarding the BASE fields not showing up on the registration form is solved. Had to select USERS WITH NO MEMBERTYPE as well beside the the real member types.

[Laura]

Glad you could resolve it!
For the video, try by adding this to style.css of child theme

COPY CODE

.portfolio-template-default .video-wrap video {
    min-height: 100%;
    min-width: 100%;
    height: 100% !important;
}
.portfolio-template-default div#mep_0 {
    min-width: 100% !important;
}
.portfolio-template-default .video-wrap {
    height: 120%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -50px !important;
    width: 100% !important;
    z-index: 0;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[romanzy]

Thank you for the feedback Lauro, and this on a Sunday evening.

Regarding the 1) https://www.socialita.nl/portfolio/video-background-header/. The video plays now full width, but the title and subtitle fo full width too while I want them to be aligned with the inner container. Please see screen shot.

Then regarding 2) https://www.socialita.nl/portfolio/hosted-video-full-width/. The video does not play automatically, nor there is a play button appearing. Then there are some disturbed video player commands out of line. Please see screen shot as well.

Thank you.

PS: your CSS snippets are stored in the CSS box under Theme Options.

You can still login to my site with:

url: https://www.socialita.nl/wp-admin/
user: Julia
pass: R1hEB8q8!JH5!3JQTCziEAbJ

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[romanzy]

Hi Laura.

Okay, then I will be waiting…

I installed the new update today, which includes a fix for the audio/video player (see paragraph below), but did not mention an improvement on the issues I experience.

Version 4.3.4 – 05.03.2018
– Fix Audio/Video player MediaelementsJs styles.

[Radu]

Hi,

There it was some styling issues but on you looks very messed like some tag is not closed, did you have tried to de-activate all plugins and child theme ?!

Also if its the same try to re-upload theme files over the existing one by overwrite them via FTP in wp-content/themes/kleo

Let me know

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[romanzy]

Dear Radu,

Thanks for your feedback.

I did install the new version of Kleo today, overwriting the old one via FTP. Now, what I already told to Laura before, exaclyt the same problems are happening on Kleo’s theme demo. Please check yourself:

https://seventhqueen.com/themes/kleo/portfolio/video-background-header/
https://seventhqueen.com/themes/kleo/portfolio/hosted-video-full-width/

So, I guess it’s not a problem with my local install, but a bug in Kleo.

I have tested Safari, Firefox, and Chrome and all browsers delivered the same problems.

Regards,

Romanzy

PS: You can still login to my site with:

url: https://www.socialita.nl/wp-admin/
user: Julia
pass: R1hEB8q8!JH5!3JQTCziEAbJ

[Radu]

Hi,

The issue comes from the newest update of rtmedia, please use an older version of rtmedia until we solve (1-2 days)

https://github.com/rtMediaWP/rtMedia/releases

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[romanzy]

Thanks Radu.

I will wait then for the coming update.

[Radu]

Hi,

We have spoken with the rtMedia team about this issue and they work on a solution for this issue, until they fix you can use this snippet to can dequeue the script that rtMedia adds.

Temporary FIX snippet :

COPY CODE

/* TEMPORARY Deque the mediaelement added by the rtmedia plugin in non-Buddypress pages*/
function sq7r_deque_rtmedia_mediaelement() {
    if( function_exists('bp_is_active') && !bp_is_members_component()) {
        wp_dequeue_script('rt-mediaelement');
        wp_dequeue_style('rt-mediaelement');
        wp_dequeue_style('rt-mediaelement-wp');
        wp_dequeue_script('rt-mediaelement-wp');
    }
}
add_action('wp_enqueue_scripts', 'sq7r_deque_rtmedia_mediaelement',999);

If you have any issue when add the code into functions.php like some wired quotes or you receive syntax error copy the snippet code from here : https://pastebin.com/raw/d7AD00YC

NOTE: The chid theme needs to be installed and activated.
The function will have to be added in wp-content/themes/kleo-child/functions.php

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[romanzy]

Hi Radu,

The fix solved the portfolio/hosted-video-full-width/ page. Thank you.

The only thing I need to solve in the /portfolio/video-background-header/ page is the title and subtitle. When the video is set to full width, then the titles also go full width while there isn’t a possibility to align the titles with the inner container. Do you know a way to do it. Please see screen shot.

Thank you once again for all your effort.

Romanzy

[Radu]

Just edit the page in visual composer then add that text in a row where you check inner container.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts