Forum Replies Created
-
Posts
-
yup! your solution solved the problem! now everything is back to normal
you can definitely close this topic
thank you so very much – you truly saved me!you are right!
once I shut ‘Elementor Addon Elements’ plugin down the problem disappears!
the only problem now is I can’t shut it down, at least not right away
first I’ll have to do find a replacement for it
anyway, thank you so much for your help! now I know the path for my solutionHi Mike
Wow! your help is above and beyond! I will fix the quirks in the quick CSS right away! thank you so much! I’ve updated the class in the links and now all the popups are now back to work! yessss!Hi Victoria thanks for pointing me in to the right direction
actually it’s much more easier to Register and enqueue magnific Popup scripts by simply installng it as a plugin (https://he.wordpress.org/plugins/wp-magnific-lightbox/)
now even the old code is working perfectlyHi Victoria and thank you for looking into this
i posted the link to the problematic page in the Private Content
it’s an ‘About’ page and if you scroll down to the each team member you will see a beginning of description and than a ‘read more’ link
till lately the script worked with no problem and clicking the ‘read more’ reveled the rest of the team member description in a simple pop up
but now when you click it no pop up shows and in the console there is an error:Uncaught TypeError: $(...).magnificPopup is not a function at (index):528 at dispatch (jquery.js?ver=1.12.4:3) at r.handle (jquery.js?ver=1.12.4:3)please notice: i had to roll back to the old script (https://kriesi.at/support/topic/inline-content-in-magnific-popup/#post-289356) because if i use the new one (https://kriesi.at/support/topic/code-snippet-inline-post-content-popup-magnific-popup-shortcode/#post-918779) the page with the pop ups wont load at all (will stuck with the loader animation) and the site is live in the air so i rather have the pop won’t showing than the whole page not loading at all
but, any way, it seems that – no matter if I use the old or the new script – the chrome console error massage will still be:$(...).magnificPopup is not a functionso..may be the root if the problem is not in the script?chrome autoplay policy has changed and it’s much more strict now
video will autoplay only if user had done some interaction/gesture (like clicking the slider) or if the video’s audio is muted
muted video will still autoplay in chrome
I had the same problem and after muting the video (inside the slider steings) the video autoplay started working again
i’m not sure if this is the same case in your video but you should give it a try
hope it helpsUPDATE:
solved!
i consulted WPML support and they gave me the following ‘if’ code which seems to work perfectly:if( is_rtl() && in_array( ICL_LANGUAGE_CODE, array( "he", "ar", "fa" ) ) ) { // rtl code }so you can close this thread
and again thank you very much for all the help
:)Hi Basilis
I’m afraid It’s not working
even with your new code still the layout (in the editing screen on the admin side) of English pages is flipped (and not just the Arabic or Hebrew which are RTL)may be the detection (of whether the edit screen is for RTL or LTR content) should be done by detecting WPML’s language settings for that editing page?
lets say, only if the values “he” or “ar” or “fa” is defined as “selected” in the “icl_post_language” than the code should work
but I don’t know how to write that kind of “if” in PHP syntax
could it be done?Hi Ismael
as far as i can tell I don’t have same problem as manurimini had because I do see my poster image (and I’m using latest Enfold and wordpress versions),
only problem I had was display problem (the poster was too tall on mobile view)
but now your latest css code fixed it !
Thank you very very much! 🙏HI Ismael
you responded to manurimini’s question which is cool
but since I opened this thread, can give me any advice about my question too? I would really appreciate any help..
(here it is > https://kriesi.at/support/topic/self-hosted-video-display-problems-even-after-updating-to-enfold-4-2-4/#post-918434 )
in mobile view (like smartphone on portrait mode) – the video looks taller than it should
here is a screen shot > https://www.dropbox.com/s/j61micg397zmj56/Screenshot_022718_012127_PM.jpg?dl=0I do get preview image
..but i’m sorry I can’t help you..not sure why I do get a preview image and you are not (I didn’t do anything to solve it because i never seem tho had that problem)
does your video plays o.k.? only the preview image not shewing? may be it’s a codec related?
however I do notice now another problem – in mobile view (smartphone on portrait mode) – the video looks taller than it should
here is a screen shot > https://www.dropbox.com/s/j61micg397zmj56/Screenshot_022718_012127_PM.jpg?dl=0UPDATE:
i found this css code and it seems to solve the issue:
.mejs-container { max-height: 100% !important;}just one problem :(
the moment I add any other element to the page and update the page, the animation stops working
is the page update causing the canvas container to disappear (like last time)
or is it something else?Hi Ismael
I replaced the code in the header.php file is you instructed
but the animation still wont run
:(Hi Ismael
thank you
please note that your css code effects all videos on the page, even the 250 pixel wide video turned into a ‘full column width video’
and i simply want to keep videos in their original size, that’s all
I guess I’ll have to do as you suggested and warp wide videos shortcode inside a container with a unique class attributeit’s really strange there isn’t way to remove the limitation without forcing the videos to take the full column width..
we should be able tell WordPress’s video shortcode use up to the column width and not always be full column width..
any way thanks for all your helpHi Ismael
so is this (that missing line of code that can’t be paste to the text block in the avia builder because it’s being automatically deleted when i update the page) whats missing for the animation to work?I will be most grateful if you can elaborate a little more about the right way it should be done
1. should i copy the header.php file to my child theme
2. where inside the header.php file should i paste the missing<body onload="init();" style="margin:0px;">code?thank you so much for your patience
DoronHi Basilis
I think you misunderstood me (maybe you read only my second post?)
please look in this screen shot https://www.dropbox.com/s/kzvufpaivl12lfr/Screenshot_011718_015318_AM.jpg?dl=0
or simply look again in http://www.doronwolf.com/video-test/ and read my first postonly when i used layerslider (or enfold’s video element) the video take the size of the column
when using WordPress video shortcode with exact dimensions – video will not take the size of the column
WordPress built in video shortcode enables to define the exact video size and it seems to work in enfold as long as the video width is smaller than 600 pixel (as you can see: the 2 videos from the left column are way smaller the the column width …and it’s cool! that’s exactly how I want them to be)my original question was about a time when I need to show video which is wider than 600 pixel (but i don’t want it to take the size of the column):
for example if you look again in the same link at the right column you will see a movie which is 600 pixel wide and 158 pixel height even though it’s shortcode is [video width="800" height="210" src="path/to/file.mp4"] !
(and 600 pixel is way smaller from the containing column width!)I can’t use enfold’s video element for this video because it’s only good for 16×9 or 4×3 video proportions
i want to use WordPress built in video shortcode becouse it enables me to define the exact video size and still keep the video responsive on small screens
how can I tell the theme to let WordPress’s video shortcode use up to the column width instead of up to just 600 pixel?
will this soltion work with enfold? https://wordpress.stackexchange.com/questions/124075/videos-via-the-video-shortcode-are-always-640px-wideno i didn’t
it’s just part of the code that comes from the animation program output
is this the reason the animation isn’t ruining inside an enfold page?
and how will it effect other pages in the website?
i don’t want to modify the header.php file and change the entire website look for a few html5 animation pages
(unless this modification solves the problem without effecting the website look and function?..)update:
I’ve manged to display the video in the correct size by using layerslider but than it’s not responsive
so I’ve change it to be responsive (in the slider settings) but than the movie becomes wider than the actual sizeso I still hope there’s way to solve the shortcode problem because the shortcode is always responsive
(when using video shortcode the movie will the display in the actual size and in small screens when the column width is smaller than the video width, the video will display at the max width of the column)
will appreciate any helpthank you very much for your help
the login details you asked for are in the private contentthe code is generated by the program i used to make the animation – adobe animate
here is a dropbox link to the html page (where you can see the code and also download the page):
https://www.dropbox.com/s/7iqzmryzoorxl0o/contactPage-animation-factory-2.html?dl=0
you can also view how the animation work without any problem if the page is outside of enfold, like here:
http://www.doronwolf.com/suitcase2/contactPage-animation-factory-2.htmlif you download the html page and run it on your computer locally you will see it take only 3 seconds to load and than it runs smoothly even without any images or JS files because I’ve uploaded all the images and js files to a directory in my server and adjusted the paths in the code accordingly
and yet..when I put this code inside the Enfold page..it wont work
:(sorry it took me so long to answer
i’ve been trying and so far it’s not working :(
(it works locally on my computer but stops working once i insert the code into an Enfold page even though i adjusted all the images and js files path correctly)
in the private content there is a link to a test page, as you can see it’s empty and the html falis to load
do you want me to give you admin access?the caption appearing only in the second slide is tolerable
but the slider getting stuck on the last slide – that’s a bummer
..may be it’s because the slider reaches the first slide again and it’s waiting for the video to finish but .avia-slideshow li:nth-child(1) is now in opacity o instead of 1 so it’s not working ?
is there a way to reset the opacity of the slide and may be it wont stuck the slider from looping?
or maybe there isn’t and so maybe i should give up about the video fading thing?WOW!
it’s working!!
thank you so much!
you should tell kriesi to add this fix to all RTL users ( Arabic, Persian, Hebrew etc) they will all appreciate it very much
thanks again and have a great week 😁update:
for the video not being full screen i add the flowing CSS and so far it seems to fix the problem
(but the other two problems are still there):/* video not full-screen bug */ .mejs-container { width: 100% !important; } video { height: auto !important; }
