Forum Replies Created
-
AuthorPosts
-
February 17, 2019 at 3:11 pm in reply to: Color Section Background Video – Un Mute / Activate Sound #1067901
may i see the livelink – i’m participant as you so you have to make it public or send me an e-mail – see Avatar link
and you have a copy of that edited section.php in your child-theme/shortcodes folder ?I changed a bit the codes because it is still not necessary to have that overlay class on color-section.
At that time I think it was necessary – with the new Enfold one class at the Color-Section is enough.-
This reply was modified 6 years, 8 months ago by
Guenni007.
Tja leider so wie ich fürchtete, wenn zwei Videos drin sind ist an / aus gleich und der Button wechselt dann aber nicht.
Daher wäre es besser man würde den Button anders platzieren und eventuell nur im ersten auftauchenden Video einblenden und sowas wie mute/unmute all videos draufschreiben.
Denn hier wird ja der mediaelementplayer beeinflusst, und der wird für alle einmal geladen. – Da sehe ich keine schnelle lösung.
Ist aber auch eventuell nicht so nötig, denn wann hat man schonmal mehr als ein Video im Slider.So everything was new on the page : It has to work with the code before too. But we had the problem on that code the the images in the slider had that button too: https://webers-testseite.de/mute-unmute-video-slide/
Sorry aber das andere machte aus genau dem Grund dann keinen Sinn. Hatte nur etwas mit dem Button bei den Bild Slides zu tun.
Ich nahm daher den Button in das listenelement mithinein.
Was ich jetzt noch testen muss, ist bei anwesenheit von zwei videos ob jeweils nur ein Video gesteuert wird oder beide dann immer gleich.
Ich fürchte da müsste ich eine indexierung der mute unmute buttons einbauen.Das hatte aber mit deinem funktionieren oder nicht vorher nichts zu tun.
läuft auf meiner Installation auch mit Bildern danach.
Mein Problem jetzt wäre wie ich den Button nur auf das Video bekomme und nicht auf die Bilder.ich versuche jetzt mal deshalb was an dem Code zu verändern. Damit nur die Video Slides den Button erhalten.
Daher könnte es momentan mal nicht funktionieren.-
This reply was modified 6 years, 8 months ago by
Guenni007.
first of all : have you adjusted the code to your settings:
The main thing for that error seams to be that you have forgotten the customID to set – because if that DOM Element does not exist – it is impossible to style it !!!
document.getElementById('customID') etc …
f.e. :- have you done this (see comment above) : Give a unique ID to the color-section f.e.: customID – or what ever you like – but then it has to be synchronized with the script line mentioned above
- the code above is ment for child-theme functions.php – is that the place where you put in that code
- adjust the url line to define the place where the images are in:
var imglocation = "/wp-content/uploads/layerslider/Origami/"; - the code above is for my installation. I don’t want to load it everywhere so i surrounded it by an if-clause concerning to my page-id.
have you changed it to your page:if(is_page(34024)){
February 16, 2019 at 12:32 pm in reply to: Color Section Background Video – Un Mute / Activate Sound #1067686Dear Ipuls
– first : i’m participant as you – so i can not see the private content
– second: the link to my little tut is still active and Enfold is there on Version 4.5.4. so it might work as you can see.
– third: the download is not necessary – that was from an Enfold 4.1 – a lot of changings have been made ( f.e. an unmute button is now present on ALB-Element.Read carefully.
A child-theme seems to be the best way. Because you can have then a section.php in your child-theme/shortcodes folder
how to activate the replacement of child-theme ALB Elements you can read here on Top: https://webers-testseite.de/edited-enfold-alb-elements/
Have you set custom-classes for the color-section? ( two classe as described because you don’t want to have that buttons always if you have an overlay effect on a color-section.
The section.php as described change true to false on line 1097 (Enfold 4.5.4):find in section.php: 'video_mute' => true, and set to : 'video_mute' => false,The Quick Css Parts : did you adjust the url ? because if you got on Dashboard – Settings – Media: “Organise my uploads into month- and year-based folders” the url will be different !!!
Mein link oben ist auch schon die Enfold 4.5.4 !
PS : ich bin hier Participant wie du!
Daher sehe ich keine Daten aus dem Privat Content Feldok – it must work this way.
By the way if you do not choose flexible masonry – the selector will be a different one ( and the img gets a background-img etc. )
If you got f.e. a masonry gallery from media elements – you can define each a custom link
the lightbox linking is active on that – use flexible masonry and you can use the effects on the images too!
click to enlarge – see right side of each image there is a custom link field !!
You can use each image you like – because we will substitute it by the embeded youtube still image.

See here : https://webers-testseite.de/youtube-videotestseite/
Beneath you can see the jqeuery code to substitute the image with the youtube mq image
you only need this (i did it only for that page – if you like to have it on all pages get rid of if-clause):
in child-theme functions.phpfunction youtube_fix(){ if (is_page(33150)){ ?> <script> (function($){ $('a.av-masonry-entry[href*="youtube"]').each(function() { regex = /(?:youtube(?:-nocookie)?\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/; var ID = $(this).attr("href").match(regex)[1]; $(this).find('img').css('width', '100vw ').attr({ 'src': 'https://img.youtube.com/vi/'+ ID +'/mqdefault.jpg', 'title': 'Youtube Video ID: '+ ID , 'alt': 'youtube-image-'+ ID , }); }); })(jQuery); </script> <?php } } add_action('wp_footer', 'youtube_fix');one thing to mention: use the
https://www.youtube.com/watch?v=IDLinkmay i ask why it has to be a portfolio grid?
you want to link to youtube itself or in a lightbox?Wir können auch gerne deutsch miteinander kommunizieren.
Auf der Beispielseite habe ich das mp4 eingebunden, – auf Mute ( damit das Autoplay greift ) und nicht im Loop, sonst geht die Slideshow nicht weiter.
Hast du soweit das Tutorial meiner Seite : https://webers-testseite.de/mute-unmute/
soweit befolgt?PS ich sehe keine Seite home-2
gib doch mal meinen Link in das Videoeingabefeld ein:
https://webers-testseite.de/wp-content/uploads/HolsteinBueffel.mp4is there a link to your site?
you are using an enfold version newer than 4.5 ?Where there’s a will, there’s a way.
Yes – gridrow – two 1/2 under each other – height at least 50%
Fill each Cell with your image and for the link – the cells got link option !
Template blank with no header no footer and no breadcrumbs. That will be your landing page.
But this page has to have good meta description and tags – because it would have bad SEO for your landingpage.Advantage – you can fill each cell with extra-content if you like ( Headings etc. )
see here: https://webers-testseite.de/landingpage/-
This reply was modified 6 years, 8 months ago by
Guenni007.
And sometimes other participants can learn from each other. Maybe you present your solution.
i think this will be enough code –
lets see if this comes into conflict at some pages
delete:.entry-content { min-height: 650px; }so try first this here in quick css:
@media (min-width: 768px) { #main { display: flex; height: 100vh; flex-direction: column; position: relative !important; overflow: visible !important; } .container_wrap { flex: 1 0 auto; width: 100% !important; } #footer, #socket{ flex:none; } }more than 2 weeks ago ?!
are there any problems understanding the above?
Is it how to install a child-theme ?
please talk to us – we only can help if we got input from youOk Danke für die Info
maybe try this in quick css – it is only for selfhosted videos:
video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust if necessary */ }that is the full-screen mode – but i do not have these pop-ups.
Maybe a different browser? Yes this belongs to chrom not to firefox – i suppose we can not influence this.but try the code above : https://kriesi.at/support/topic/how-to-link-to-youtube-lightbox-popup/#post-1067062
i think this is realy nice .i do not see these elements
please remove this css rule the one Yigit mentioned !!!
see code above again maybe a gloom around the iframe in your green:
.mfp-iframe-holder .mfp-content { max-width: 80vw !important; box-shadow: 0 0 40px #77c84c; }and if you don’t want that background is scrollable if iframe is open – put this to child-theme functions.php :
add_action('wp_footer', 'no_background_scroll_on_lightbox_open'); function no_background_scroll_on_lightbox_open(){ ?> <script type="text/javascript"> (function($) { function a() { $('body').on('click', '.lightbox-added', function() { if($('.mfp-bg').length >= 1) { $('html').css("overflow-y", "hidden"); } }); $('body').on('click', function() { setTimeout( function() { if($('.mfp-bg').length == 0) { $('html').css("overflow-y", "scroll"); } },500); }); } a(); })(jQuery); </script> <?php }Thank you – also for the reminder.
to quick css: (and maybe for you directly a gloom out of that mfp content:
.mfp-iframe-holder .mfp-content { max-width: 80vw !important; box-shadow: 0 0 40px #77c84c; }2) you can do it via external script and enqueue it – or load it via child-theme functions.php:
( if it needs jQuery it looks a bit different)add_action( 'wp_footer', 'ava_custom_script' ); function ava_custom_script() { ?> <script type="text/javascript"> // CODE HERE </script> <?php }you can add tags in the head area by child-theme functions.php:
add_action('wp_head', 'add_to_head'); function add_to_head(){ ?> <meta name="theme-color" content="#77C84C"> <meta name="msapplication-navbutton-color" content="#77C84C"> <meta name="apple-mobile-web-app-status-bar-style" content="#77C84C"> <?php }und falls du noch Zeit hast fürs nächste update:
Danke
so what would i do
see here: https://webers-testseite.de/overlap-to-followed-section/Color-Section can grow with the content – downshift is still at the same value
On small screens everything works as before.
You can shift each column as you like – even the one over the top-
pull in your columns to a color-section:
- give the custom-class to color-section: overlap
- give to the column to shift upwards the custom-class: shift-up
- give to the column to shift downwards the custom-class: shift-down
- add this to quick css:
@media (min-width:768px) { .overlap .entry-content-wrapper { display: flex; justify-content:space-around; align-items: flex-start; } .flex_column.shift-up { top: -100px; align-self: flex-start; } .flex_column.shift-down1 { bottom: -150px; align-self: flex-end; } .flex_column.shift-down2 { bottom: -100px; align-self: flex-end; } }Aha sorry then i believe i miss-understand his request. But then the mention of the demo page was misleading.
He wants to overlap a container downwards. -
This reply was modified 6 years, 8 months ago by
-
AuthorPosts

