Viewing 30 results - 1 through 30 (of 98 total)
1 2 3 4
  • Author
    Search Results
  • February 12, 2024 at 10:22 am #1434064

    Topic: safari background videos not showing, videos issues on mobile

    in forum Enfold
    Munford
    Participant

    HI – 2 issues:

    – I have a background video in a fullscreen slider that is not showing at all in safari on PC. Not sure what’s going on.
    – see video tests for mobile below – top one is a a video in a background color section – it looks OK on mobile but is it possible to have an option to hear the audio on the frontend? I looked at this thread: https://kriesi.at/support/topic/adding-audio-option-on-fullscreen-background-video/ but the codes didn’t work for me.
    the bottom one is a video element that opens in a lightbox no matter how I set the options. I may want it to just play in the page and thought the setting was “always load videos” – is there something else that is forcing the lightbox?
    – I am also seeing duplicated controls if I pause the video – I saw that on another of my sites as well – https://imgur.com/bU9mCLO – see the middle image here.

    I tried the solution here https://webers-testseite.de/mute-unmute/ but that also didn’t give me the audio control on mobile.
    – the video is loading pretty slowly even though I compressed it for web. Is it faster to link to a vimeo or youtube video?
    Can you help me with this?
    thanks
    Nancy

    • This topic was modified 1 year, 4 months ago by Munford.
    • This topic was modified 1 year, 4 months ago by Munford.
    • This topic was modified 1 year, 4 months ago by Munford.
    • This topic was modified 1 year, 4 months ago by Munford.
    • This topic was modified 1 year, 4 months ago by Munford.
    January 5, 2024 at 11:21 am #1429338

    In reply to: enfold does not work properly. After update everything is gone.

    Mike

    Hi,
    This looks like a new topic, please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line quicker.
    When I check you site on mobile your slider is fullscreen, so I assume that you are asking if it can be fullscreen and so the background image similar to the desktop version.
    Your slider is using a landscape image, but mobile is typically a portrait layout, so your best solution would be to create a second slider for mobile devices and choose a image in a portrait layout.
    Or you could try moving the image to the left so the person is shown in the middle on mobile devices with this css:

    @media only screen and (max-width: 767px) { 
#top.home .avia-fullscreen-slider .avia-slideshow-inner .avia-slideshow-slide {	
	background-position: right center !important;
}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.
    Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
    If this helps you with this topic please let us know so we can close this thread.
    Thank you for your patience and understanding and for using Enfold.
    For further questions please open a new thread

    Best regards,
    Mike

    August 1, 2022 at 4:18 pm #1360128

    Topic: Safari: LayerSlider video – fullscreen issue

    in forum Enfold
    gdsconcepts
    Participant

    Hello,
    I made a LayerSlider header with text and video. It looks fine in every browser, but when you turn on fullscreen in Safari, the text overlaps the video and is still visible. I already tried giving the video custom css (z-index: 9999) but it doesn’t work. Do you have a clue?

    Best regards
    Bianca

    June 20, 2022 at 9:39 pm #1355894

    Topic: Scroll animation on Homepage does not work

    in forum Enfold
    ellkam
    Participant

    Hi,
    a small scroll animation on the homepage between the fullscreen slider and the text content below it works great on larger screens (desktop, laptops, tablets). In this case, the slider is pushed upwards away from the text below when scrolling down. Only on smartphones, the slider is not pushed upwards, but the text and content are displayed above the slider images – so the images remain visible. Have I overlooked something? Is there a trick? Tested on Mac 11.6.7, Safari, Firefox / iPhone SE2, Safari

    Best regards,
    Lutz

    June 16, 2022 at 11:23 am #1355470

    Topic: Enfold 5.0 – Layerslider Background Video Safari Browser

    in forum Enfold
    mediaformers
    Participant

    Hi

    Since Enfold 5.0 there is a problem with Layerslider Background Videos (only in Safari browser). When starting the page, a section of the video is visible for a short time (1 sec.) in the lower right corner (it is not the poster image). Only then the video starts in fullscreen mode. In Chrome and Firefox this effect does not occur. What can be the cause?

    Thanks for your review.

    Regards, Mike

    September 9, 2021 at 6:26 pm #1320294

    Topic: Chrome (Mac): caption at the top of big image instead of being in the center

    in forum Enfold
    zizibe1
    Participant

    Hi,

    Today, I’ve discovered an issue concerning Chrome (Mac). There, the caption of the fullscreen slider on the front page of my website is suddenly at the top of the big image instead of being in the center.

    In Safari and Firefox (Mac), the position of the caption is alright.

    Please find a screenshot in the private content area.

    How can I fix this?

    Best regards,

    
zizibe1

    March 7, 2021 at 12:23 am #1286120

    Topic: Fullscreen Slider loads same picture two times in Chrome.

    in forum Enfold
    Pako
    Participant

    Hi, i use the fullscreen slider at my website here and here. All is working fine, but it seems that the Slider Picture will loaded two times in Chrome. In Safari it seems to be fine. See Picture.

    Btw: Is there a betty way to implement only one fullscreen picture?

    Screenshot

    Thank you for any information.

    Pako

    • This topic was modified 4 years, 3 months ago by Pako.
    January 29, 2021 at 12:43 am #1276196

    In reply to: How to add a custom field to the blog posts

    connect4consulting
    This reply has been marked as private.
    January 25, 2021 at 12:24 pm #1275239

    In reply to: iPhone 7

    Yigit

    Hey,

    Thanks for contacting us!

    Please add following code to Quick CSS in Enfold theme options > General Styling tab

    @media only screen and (max-width: 767px) {
.avia-safari .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li {
background-attachment: scroll!important;
}}

    We would like to inform you that we only provide support to our registered users.

    You can register to our support forum here – and then start a new thread under Enfold sub forum.

    Please make sure to elaborate on the issue you are having/changes you would like to make on your thread. If you would like to include screenshots, you can upload them on http://imgur.com, https://snag.gy or Dropbox public folder and attach the links in your posts :)

    Best regards,
    Yigit

    • This reply was modified 4 years, 5 months ago by Yigit.
    September 1, 2020 at 11:09 am #1242472

    Topic: Back to top anchor link not working

    in forum Enfold
    genno
    Participant

    Hello,
    I am creating a WordPress site with Enfold and Revolution Slider (fullscreen mode).
    The site is 1 page and visible at the following link: https://setup360.eu/new-site/test
    On the page there is an anchor link “contact us” that leads to the bottom of the page, showing the footer (it is linked to #socket). At the bottom of the page there is an anchor link called “Top” which leads to the top of the page (it is linked to #logo), making the footer “disappear” again.
    The “contact us” link works fine while “top” only works on chrome and Android; it does not work on Edge, Opera, Firefox, Safari and all Apple mobile devices.
    Can you please help me find a solution? Do you have any idea what the problem might be?

    Many thanks in advance,

    Alessandro

    • This topic was modified 4 years, 9 months ago by genno.
    June 4, 2020 at 9:55 pm #1219572

    Topic: Fullscreen Slider Jumping On Mobile After last Update

    in forum Enfold
    Lexa_Dryke
    Participant

    Hi there,
    On 2 of my Enfold website, I noticed that the fullscreen slider on mobile makes the pictures jump out as if they were trying to get to the right size. This disrupts the scroll as it brings the page to the top. If I set both sliders to “No scaling image”, the error doesn’t appear anymore on chrome or safari, but still on firefox. I didn’t have this problem before with 4.7.4. FYI, I disabled the extensions – which could be the cause of this problem – the problem persists.
    Have you ever had any feedback on this kind of problem ? I can fix it by removing the fullscreen on mobile, but if you have another idea, I’ll take it.
    Kind regards
    Lex
    PS : I thing the same problem is described here : https://kriesi.at/support/topic/fullscreen-slider-image-too-large-on-mobile/ Thread from May 30… without answer from support. I hope I will more lucky…

    • This topic was modified 5 years ago by Lexa_Dryke.
    March 29, 2020 at 6:17 pm #1198903

    In reply to: Fullscreen slider video slide links not working on mobile

    killyman

    We just went live with the website so that is why the link I provided in the private content section no longer works. I updated the link there.

    We decided to try changing the video slide caption setting from Apply Link to Image to Attach one button, but that didn’t change anything on mobile. On mobile devices, it still takes you in Safari to a blank page with the message, “Safari cannot open the page. The error was: The URL can’t be shown.” Also, on mobile we don’t even see the button to click on. Not sure why that button can’t be shown on iPhones or iPads.

    On regular computers we now see the button over the slide and if we click on it, it works as expected while if we click on the video itself, it pauses the video also as to be expected. Only on mobile devices we are having all these linking issues.

    Some screenshots of the current Fullscreen Slider video slide settings for reference.
    Video Slide – Slide Tab: https://ibb.co/dPMfq80
    Video Slide – Caption Tab: https://ibb.co/720BqFq
    iPad view of homepage video slide: https://ibb.co/w4031gd

    March 28, 2020 at 4:38 pm #1198631

    Topic: Fullscreen slider video slide links not working on mobile

    in forum Enfold
    killyman
    Participant

    We are about to go live and just noticed in our homepage Fullscreen Slider that none of the video slide links are working on mobile.

    If you click on the video slide on a regular computer, it works and takes you to the page the link is targeting. However, on mobile devices, when you click on the video slide it takes you in Safari to a blank page with the message, “Safari cannot open the page. The error was: The URL can’t be shown.” In Google Chrome on mobile, you don’t get any response when clicking on the video slide.

    See screenshots below:
    https://ibb.co/FHqK4Rq
    https://ibb.co/H7Mmt0t

    March 10, 2020 at 12:13 am #1191664

    In reply to: Sticky Menu on Mobile not sticky

    nomorebeans

    Thanks guys,

    seems to work! :)

    UPDATE NOTICE 1

    I just made a look on a real mobile device at the site. I’m using a lot of fullscreen sliders, which are now a bit “jumpy” when scrolling up. If you scroll up, the fullscreen image resizes at a certain point and “jumps” to a bigger version, hiding the other elements like the arrow down button.

    Is there a way to fix that as well?

    This sticky menu thing was working better in previous versions.

    UPDATE NOTICE 2

    just realised it’s only “jumpy” in the mobile version of firefox on iOS devices. Safari on mobile works fine. with the css mod.
    Thanks again guys :)

    • This reply was modified 5 years, 3 months ago by nomorebeans.
    January 29, 2020 at 9:07 pm #1179568

    In reply to: youtube video does not play on chrome mobile

    Victoria

    Hi oestersund,

    It does not work in Safari on an iPhone either.

    Please have a look at the following threads:

    Fullscreen Slider Video doesn´t play on Safari

    https://kriesi.at/support/topic/video-background-with-sound-but-does-not-work-on-safari-internet-explorer/#post-954528

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 30, 2019 at 10:20 am #1152252

    In reply to: Video Volume control bug

    manurimini

    Hi Basilis
    Thank you for the quick replay.
    I tried in Firefox, Chrome and Safari, MacOs and Windows with the same result.
    In the Fullscreen Slider if I don’t set ‘Mute Video Player’ the self-hosted video in mp.4 is not starting in Autoplay. So I set ‘Mute Video Player’ but when the video starts and you reach the controls at the bottom of the video if you press to unmute the volume is set to ‘0’ and the volume-bar disappears as you try to reach it.
    Since the video controls are very tiny and only appear if you move the mouse over the slider, I would like to have a button with “Activate Audio” that disappears when you click on it.

    Besides is there a way to load a video in Advanced Editor > Media > Video with Autoplay?

    Thank you, Best Regards
    Manu

    • This reply was modified 5 years, 8 months ago by manurimini.
    October 8, 2019 at 9:58 pm #1146288

    In reply to: Slider issue on iPhone 8 Safari

    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
@media only screen and (max-width: 768px) { 
.avia-mobile.avia-safari .avia-fullscreen-slider .avia-slideshow>ul>li {
background-size: initial;
}}

    Best regards,
    Yigit

    October 8, 2019 at 7:34 pm #1146245

    In reply to: Fullscreen-slider not responsive in mobile (portrait mode)

    venolab

    I’ using safari (macOS and iOS). Here you can See three screenshots.

    https://www.dropbox.com/sh/mahxbv61fcq8sbq/AACAQX9o8Qnt0QycXpkGgFXSa?dl=0

    Yes, I mean the picture with the child and the doctor.The upper one is a fullscreen-slider and the lower one is a “normal” slider.

    As you can See, in portrait mode the image is cut left and ride. Turning the phone into landscape –> the image is shown in fullscreen.

    Best regards, Thomas

    September 23, 2019 at 4:30 pm #1141048

    Topic: Enfold – Upcoming fixes

    in forum Enfold
    Yigit
    Keymaster

    Hi,

    We wanted to create this thread as a channel to share the fixes that will be included in upcoming updates and known issues that are being worked on.

    Current fixes for upcoming version 4.7.4.1 are as following (last update 2020-05-12)

    • Feature: New alignment options ALB element “Special Heading”
    • Feature: input field to add custom subject text for ALB contact form autoresponder email
    • Feature: Option for transition effect speed in ALB Easy Slider, Fullwidth Easy Slider, Fullscreen Slider
    • Feature: Added options for custom title and alt attribute in ALB image element
    • fixed: accordion slider hides some slide item after closing the lightbox
    • fixed: small typo instgram
    • fixed: WC 4.0 bug grouped products and quantity button not working
    • fixed: Transparent logo missing alt and title attr when attachment URL instead ID
    • fixed: bbPress and custom footer page not showing correctly on some pages
    • fixed: CSS bug Accordion hidden below Special Heading in Color section
    • fixed: WP 5.4 Block editor breaks ALB layout in backend
    • fixed: removed wrong href in div id=”av-cookie-consent-badge”
    • fixed: removed wp_nonce check in reCaptcha V3 to avoid problems with caching plugins
    • fixed: bug switching ALB back to Classic Editor broken layout and js errors (WP 5.4 related ?)
    • fixed: CSS problem with equal height after individual height columns forming a grid
    • fixed: WP 5.4 block editor using ALB – scroll bug dragging ALB elements
    • fixed: added a check that $posts is an array in helper-assets.php – caused by 3rd party plugins
    • fixed: shifted values in color picker (theme options page)
    • fixed: type errors in message text
    • Fixed: Plugin conflict calling filter display_post_states incorrectly
    • added: filter avf_transparency_logo_data: modify transparency logo url, title, alt attributes
    • added: class post-format-{$post_format} to article in postslider.php
    • added: filter avf_attachment_copyright_text – allows to filter copyright text in ALB image element
    • tweak: new option “Remove query string from static resources” in Performance->Show advanced options
    • tweak: Link settings moved to content tab for all ALB button elements
    • tweak: ensure function aviaFontManagementBase::get_font_list returns an array
    • updated: Italian language files
    • updated: Dutch language files
    • added: Greek language files
    • tweak: All language files have been synchronised – obsolete strings removed

    In Pull Requests:

    • feature: New demo importer with download of demos from external server

    In Progress:

    • Responsive images – adding scrset attribute to images

    Fixes for released version 4.7.4:

    • fixed: catalog CSS not enqueued with ALB WC product elements
    • fixed: ADA compliance aria-hidden, aria-label for MOBILE Hamburger menu
    • fixed: ALB seperator whitespace with icon: limit width to 45% container width for each ruler
    • fixed: small typo tempalte
    • fixed: CSS bug icon grid with display tooltip and mobile
    • fixed: CSS ALB Gridrow – 1 column with link column not fullwidth
    • fixed: CSS indent bug in nested sidebar menus (left/right sidebar, widget menus)
    • fixed: Fullwidth Easy Slider issue where auto rotate stops working in Safari after a video slide
    • feature: Add custom ID and CSS class to timeline milestones
    • feature: Integrate Smash Balloon Instagram Feed plugin (free and pro version)
    • Feature: ALB magazine element supports post-format link
    • tweak: Option to disable adding timestamp to compressed css and js files
    • tweak: Advanced Styling selectors more strict to override standard selectors from stylesheets and custom css
    • tweak: ajax search support for WC option “Hide out of stock items from the catalog”
    • tweak: use get_title instead of inconsistent use of direct access to post_title in various places
    • added: title attribute to postslider link in ALB element
    • added: filter avf_postslider_link_title_attr: modify title attribute for link in ALB postslider
    • added: filter avf_show_option_toggles_advanced: Adds an extra select option to hide section headers in ALB
    • added: filter avf_ajax_search_woocommerce_params: allows to change displaying products out_of_stock, featured and hidden
    • added: filter avf_legacy_suppress_wp_filter_post_title: allows a fallback for unfiltered post_title where direct access was used previously
    • removed: deprecated classes hentry and vcard (microformats.com)
    • updated: French language file – equal alb options translation, “Google” services translated as “Mailchimp”
    • updated: Dutch language files
    • updated: German language files
    • updated: Italian language files

    Fixes for version 4.7.3 are as following

    • improved: theme options to disable ALB modal popup options toggles (revert to old ALB design)
    • fixed: Blog multiauthor preview image links to author and not to post
    • fixed: ADA compliance aria-hidden for social icons and social share buttons
    • fixed: social share buttons added with filter no longer shown in 4.7.1.1
    • fixed: CSS for reCaptcha V3, added classes for reCaptcha V2 and reCaptcha V3 to form
    • fixed: ALB contact form datepicker throws js error when jQuery is loaded in footer
    • fixed: ALB editor Add Cell/Set Cell Size buttons not responsive for translations
    • fixed: Custom pages query to exclude hiding a page when same page object is queried
    • fixed: small typo in Iconbox element
    • fixed: Easy Slider caption sizes reverting back to “use default” after making custom settings
    • fixed: Google vocabulary.org schema is deprecated
    • fixed: Content partially cut off in Cookie modal window on mobile Safari
    • added: filter avf_merged_files_unique_id: allows to remove/customize added unique id for merged files
    • added: filter avf_folder_security: customize folder security from 755 on folder creation
    • tweak: Column links open in new window and not in new tab for some browsers (e.g. FF)
    • tweak: Developer fields missing in fullwidth sub menu element
    • tweak: improved creation of avia folders and security
    • tweak: schema.org markup for testimonials
    • Improved GPDR:
      • feature: new option Accept essential cookies on pageload, user must opt in for other cookies
      • added: Cookie info message now supports starts with, ends with, contains for cookie names (filter avf_privacy_cookie_infos)
      • added: description text for some essential WP, WPMLcookies
      • fixed: bug with custom wildcard cookies and path not /
      • fixed: bug in option allow all cookies and services on pageload
    • Updated: Old Instagram icon to new one in social profiles
    • Updated: background color for social yelp icon to #d32323 on hover
    • updated: German language files, , de_DE GDPR translation adjustments
    • updated: Italian language file
    • updated: Dutch language files
    • updated: French language file – equal alb options translation

    Regards,
    Yigit

    P.S.: Please do not report issues here, instead start a new thread.

    • This topic was modified 5 years, 1 month ago by Yigit.
    August 20, 2019 at 6:57 pm #1129285

    In reply to: Fullscreen slider issue on Ipad Pro (responsiveness)

    Victoria

    Hey snorlachs,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:768px) and (max-width: 1024px) {
    .avia-safari .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 25, 2019 at 1:39 am #1104115

    Topic: Fullscreen slider doesn't show up on mobile or ipad

    in forum Enfold
    hellomerilou
    Participant

    Hi!

    My fullscreen slider on my home page doesn’t show up on mobile Google Chrome. Sometimes it shows up on my desktop and sometimes it doesn’t. I do notice that it shows up on my Safari mobile but then the site is listed as “Not secure”. Any idea how to fix this?

    All plugins are updated.

    March 8, 2019 at 12:01 pm #1076308

    In reply to: Fullscreen Slider – Image not displaying on iPhone

    Ismael

    Hi,

    Thanks for the update.

    We can’t reproduce the issue on a browser emulation, but this css code might help.

    @media only screen and (max-width: 767px) {
.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li {
    background-attachment: scroll;
    background-size: cover;
}
}

    Please don’t forget to toggle the Performance > File Compression settings. Are you checking it on Safari?

    Best regards,
    Ismael

    January 16, 2019 at 8:06 pm #1054681

    In reply to: Layerslider video background not working on Chrome

    HuxburyQuinn

    Hi Ismael,

    I am having the same issues with MAC Chrome.

    As Layerslider WP is bundled with Enfolds – this is my only option for support

    Google seems to think this issue is resolved with previous chrome update.
    https://bugs.chromium.org/p/chromium/issues/detail?id=807304

    I am running
    WordPress 5.0.3
    Enfold – You are running the latest version! (4.5.2)
    Chrome – Version 71.0.3578.98 (Official Build) (64-bit)
    LayerSlider WP – 6.7.6

    On the home page I have a Layerslider with a background video. ( The Video shows in the Layerslider Editor and auto plays) However, on the live site the video does not load. I just get a spinning Ajax wheel of death.

    Console log show error:

    www-widgetapi.js:100 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://www.domain.com').
h.B @ www-widgetapi.js:100

    On the same page I have Video the opens in a modal video and auto plays.
    And
    a Colour Section Video Background that also loads and auto plays.

    It seems related just to the Video Background on the LayerSlider WP – as all other video elements play just fine.

    There is no audio in the Video and Yes volume is set to Zero and &mute=1; parameter is added to the <iframe src=

    Trouble shooting…
    I have disabled all plugins
    Used Parent Theme Enfolds instead of my customised Child Theme.

    Error still persists.

    I have tried all methods of adding the youtube hosted video – youtube watch url URL / youtu.be URL / Youtube Share <embed> code
    On pasting the youtube embed code into the layer slider I have tried multiple combinations of youtube embed parameters.
    I even copied the html source <iframe code from the page source containing an Advance layout Builder Colour Section background video – with all the parameters – then changing the video Play ID accordingly.

    During trouble shooting I noticed the following:
    Safari (Version 10.1.2) and Firefox Developer (65.0b11 (64-bit)
    The Layerslider Background video loaded fine the first time – but after refreshing the page the video did not play.
    On the same page the Advanced Layout Builder Colour Section Background Video – Did not play.

    After changing the LayerSlider WP background video to self hosted – everything is working as expected.

    <video width="640" height="360" preload="metadata" autoplay>
	<source src="/wp-content/uploads/2019/01/video-file.mp4" type="video/mp4">
</video>

    Code Examples:
    Layerslide code from URL

    
<iframe width="560" height="315" src="https://www.youtube.com/embed/youtubevideoid" frameborder="0" allowfullscreen></iframe>

    LayerSlider WP background video – DOES NOT WORK IN ANY MAC BROWSER

    Youtube Video Embed Code

    
<iframe width="560" height="315" src="https://www.youtube.com/embed/youtubevideoid?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

    LayerSlider WP background video – WORKS IN SAFARI ONLY

    Youtube Video Embed Code – added &autoplay=1&mute=1

    
<iframe width="560" height="315" src="https://www.youtube.com/embed/youtubevideoid?controls=0&autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

    LayerSlider WP background video – DOES NOT WORK IN ANY MAC BROWSER

    Extended Parameters

    
<iframe height="1600" width="900" data-autoplay="1" data-volume="0" data-mute="1" data-videoid="youtubevideoid" data-hd="1" data-rel="0" data-wmode="opaque" data-loop="0" data-version="3" data-autohide="1" data-color="white" data-controls="0" data-showinfo="0" data-iv_load_policy="3" data-original_url="https://www.youtube.com/watch?v=youtubevideoid" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" src="https://www.youtube.com/embed/youtubevideoid?original_url=https://www.youtube.com/watch%3Fv=youtubevideoid&iv_load_policy=3&showinfo=0&controls=0&color=white&autohide=1&version=3&loop=0&wmode=opaque&rel=0&hd=1&videoid=d5QNoIwmKHk&autoplay=1&html5=1&mute=1&enablejsapi=1&origin=http://www.domainexample.com&widgetid=1&volume=0"></iframe>

    LayerSlider WP background video – WORKS ON FIRST LOAD – SAFARI and FIREFOX
    On same page Colour Section Video Background did not load/auto play
    ON REFRESH/RELOAD of the PAGE – LayerSlider WP background video PLAYBACK FAILED
    On same page Colour Section Video Background now auto playing

    CHROME sometime plays and some time does not play the Layerslider video background.
    I cannot work out a stable reason why this happens.

    There is some information here about loading of the DOM elements out of order which may be the ultimate cause of a delay problem
    https://github.com/gsu-library/sirenia/issues/116
    also an old thread on the same issue
    https://groups.google.com/forum/#!topic/youtube-api-gdata/XqaUDWkQXcw

    Related ENFOLD support threads

    layerslider background video stopped working

    Layer Slider, Background Video and Chrome

    layerslider background video stopped working

    I hope I’m not alone and support can work with LAYERSLDER WP to resolve this issue

    FYI – yes I also tried varying Chrome browser settings :: chrome://flags/#autoplay-policy

    October 19, 2018 at 12:58 pm #1023908

    In reply to: Firefox (Mac): caption at the top of big image instead of being in the center

    zizibe1

    Hi Victoria,

    Thank you for your reply.

    As requested, I removed the code below:

    .avia-mozilla .home #fullscreen_slider_1 .slideshow_caption {
    padding: 300px;
}

    Now, in Firefox (Mac), the caption of the front page of my website is at the top of the big image instead of being in the center (in Crome and Safari, the caption is alright).

    How can I fix this?

    Best regards,
    zizibe1

    October 16, 2018 at 3:03 am #1021914

    In reply to: Firefox (Mac): caption at the top of big image instead of being in the center

    zizibe1

    Hi Victoria,

    Thank you for your reply.

    The caption on my end looks the same as on your end (my screen size is 1’440 x 900 px).

    The caption looks better now because I’ve added Rikard’s code to the bottom of Quick CSS under Enfold > General Styling and increased the padding to 300px.

    .avia-mozilla .home #fullscreen_slider_1 .slideshow_caption {
    padding: 300px;
}

    But in Firefox, the position of the caption still is higher than in Chrome or Safari. Moreover in Firefox, the last word of the caption is on a new line.

    Increasing the value of the padding in the code above (e. g. 400px or 500px) didn’t move the caption to a lower position. Instead, the caption got more and more narrow which lead to an odd alignment.

    If you see another solution to solve this issue, I would be very grateful if you could let me know.

    Edit: Today, I’ve discovered another issue in Firefox. When you decrease the browser window, the caption isn’t staying in the center and is shifting to the right. In Chrome and Safari, the caption is alright.

    Best regards,
    zizibe1

    • This reply was modified 6 years, 8 months ago by zizibe1. Reason: see edit
    October 15, 2018 at 1:18 am #1021331

    Topic: Firefox (Mac): caption at the top of big image instead of being in the center

    in forum Enfold
    zizibe1
    Participant

    Hi,

    I’ve discovered an issue concerning Firefox (Mac). There, the caption of the fullscreen slider on the front page of my website is at the top of the big image instead of being in the center.

    In Chrome and Safari (Mac), the position of the caption is alright.

    I’ve tried to solve the issue by replacing the fullscreen slider by a fullwidth easy slider, but there’s the same problem.

    How can I fix this?

    Best regards,
    zizibe1

    September 13, 2018 at 1:01 am #1009130

    Topic: Mobile Issues

    in forum Enfold
    WP Turned UP
    Participant

    Hello. I’m seeing the following when using Chrome inspect, which is how I want it to look. Here is how I see it on my actual phone.

    The Fullscreen slider background does not look the same on mobile devices when compared to what Chrome inspect shows and this applies to any media query that’s iPad landscape and below.

    Also, at 768px and below, the Fullscreen Slider button stops working.

    I currently have ALL caching cleared and disabled. I’ve tried Chrome and Safari.

    Thank you,
    Ryan

    September 4, 2018 at 9:40 am #1005340

    In reply to: Fullscreen Slider Video doesn´t play on Safari

    Dandy

    Hello I fixed this problem.

    Go into the Fullscreenslider setup.
    there is a option to mute the video at the end of the setup site. After that it will work and play the video in Safari.
    I have german language in WordPress and i had selected:

    Video Player:
    Anklicken, um Video stummzuschalten

    Hope this helps

    regards Manuel

    August 7, 2018 at 8:05 am #994260

    In reply to: Fullscreen Slider Video doesn´t play on Safari

    Dandy

    Hello,

    in the Fullscreenslider Setup, we have a checkbox for mute the video. My Video have no sound, but when i activate this checkbox it is working :-)

    But can you please look now to the website. The Video begins to play in the Slider, but when it ends, than it doesn´t show the second slider in Safari. Why does this not work with Safari? I only see after the video a black Slider. I can only scroll manually between the sliders. I do not have activate videoloop or deactivate the autoplay.

    On the other Browsers does it work correctly with the auto scroll after the video ends.

    August 6, 2018 at 9:33 pm #994109

    Topic: Fullscreen Slider Video doesn´t play on Safari

    in forum Enfold
    Dandy
    Participant

    Hello,

    in Safari Browser from MacOS there is configured as standard that autoplay will stop with a unmuted video.

    I had configured a Fullscreenslider with a Video. It plays on all browser, but not in Safari, because the autoplay stops to play this video and show the Background photo.

    This video has no sound, it is only a video.
    What can i do, that this video will play on Safari browser?

    i use this video on a Colorsection as Backgroundvideo, too. And there it is showing.

    How can i fix this?

    regards Dandy

    • This topic was modified 6 years, 10 months ago by Dandy.
  • Author
    Search Results
Viewing 30 results - 1 through 30 (of 98 total)
1 2 3 4