Okay
  Public Ticket #3488994
video
Closed

Comments

  • Marla Hidalgo started the conversation

    Hello,

    I tried to view your video background demo through my mobile phone. The video will not load in your demo or in my website using the same template. 

    Why is that??

    -Marla

  • Marla Hidalgo replied

    The video loads only in Safari on my iPad. Does not work on Chrome.

    The video does not resize/ is not responsive on any browser on a laptop or phone.

  •  850
    Jelly replied

    Hello,

    Could you please send us a link to your website?

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  • Marla Hidalgo replied

    Also, the image background behind the video is not responsive. We need it to resize on phones and iPads.


    Thank you

  • Marla Hidalgo replied

    Just noticed the audio player on that page will not play on iPhones or iPads.

  •  850
    Jelly replied

    Could you please send us ftp login/password/url to your website as a private message?

    I need to make some adjustments to files.

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    Please unzip the attached archive and replace the file that is located in /assets/js/revolution/. Then clear your browser and check.

    Attached files:  jquery.mb.YTPlayer.js.zip

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  • Marla Hidalgo replied

    Also, in my computer browser, the video size is too wide now.

  •  850
    Jelly replied

    The main video is a background video, that should be used as background.

    Since it tries to fill the whole window (width and height) it can look too wide, mostly because of the height.

    Exactly the same with the background image.

    Best Regards,
    Jelly Team

  •  850
    Jelly replied

    Slider Revolution demo:

    https://www.sliderrevolution.com/templates/serenity-hero-with-focus-effect/

    You see how it cuts left and right when you check it on a mobile?

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •   Marla Hidalgo replied privately
  • Marla Hidalgo replied

    Are you able to get the audio player to stream on your phone or tablet? I'm not getting any audio on my devices.

  •  850
    Jelly replied

    Sorry for the delay. Not sure what's going on with Safari. Tried to find any info and made tests, but with no luck, unfortunately.

    Could you go to /scripts/playlist.js find line 35 and replace it with

    supplied: "mp3, ogg",
    

    About the wide video. It seems that that's how the js library works. Please allow us some time to fix this or find an alternative.

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    The template also have Revolution Slider included.

    Please comment the current fullwidth video section and replace it with:

    <section id="slider" class="slider slide-overlay-black">
                <!-- START REVOLUTION -->
                <div class="rev_slider_wrapper">
                    <div id="slider2" class="rev_slider" data-version="5.0">
                        <ul>
    <!-- BEGIN SLIDE -->
    <li data-transition="fade">
     
        <!-- required for background video, and will serve as the video's "poster/cover" image -->
        <img src="assets/images/notgeneric_bg5.jpg" alt="Ocean" class="rev-slidebg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
     
        <!-- BACKGROUND VIDEO LAYER -->
        <div class="rs-background-video-layer" data-ytid="M18TITevyhA" data-volume="100" data-forcerewind="on" data-nextslideatend="true" data-videoloop="loopandnoslidestop" data-videoattributes="version=3&enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&rel=0&
             origin=http://www.yourwebsite.com"></div>
     
    </li><!-- END SLIDE -->
    </ul>
    </div></div></section>
    

    where replace "http://www.yourwebsite.com" with the youtube link and "assets/images/notgeneric_bg5.jpg" with the background image url.

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    Please replace this part:

    <!-- Home Section -->
    <section class="home-section bg-dark-alfa-30 bg-pattern-over" id="home">
      <div class="js-height-full container"> 
        
        <!-- -->
        <div class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=uQr2nlTpn8A',containment:'#home',autoPlay:true, showControls:true, showYTLogo: false, mute:true, startAt:0, opacity:1}"> </div>
        <!-- End Video BG Init -->
        
      </div>
    </section>
    <!-- End Home Section -->
    

    Could you replace it and then let me know, so I can take a look at the issues on the website and fix them.

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    I cannot find this and other similar files related to Slider Revolution:

    https://fullforce6.com/revolution/js/jquery.themepunch.tools.min.js?rev=5.0

    Could you go to /musize/revolution/js and make sure that files are there?

    jquery.themepunch.tools.min.js
    jquery.themepunch.revolution.min.js
    revolution.extensions.all.js

    Is it possible for us to connect through FTP and fix everything? You can create a new user with access to musize folder only.

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    Sorry about this. Could you try replacing this piece of code

    <div class="rs-background-video-layer" data-ytid="M18TITevyhA" data-volume="100" data-forcerewind="on" data-nextslideatend="true" data-videoloop="loopandnoslidestop" data-videoattributes="version=3&enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&rel=0&
             origin=https://www.youtube.com/watch?v=WyI5QgY_1uk"></div>
    

    with 

    <div class="rs-background-video-layer" data-ytid="WyI5QgY_1uk" data-volume="100" data-forcerewind="on" data-nextslideatend="true" data-videoloop="loopandnoslidestop" data-videoattributes="version=3&enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&rel=0&
             origin=https://fullforce6.com/"></div>
    

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    Sorry that this takes so long. This demo isn't available by default. Not sure why this isn't working. The same issues on our test site: http://jellydemos.com/html/musize/index-embeds%20copy.html

    Could you add this code to in the end of /revolution/css/revolution.all.css:

    .rev_slider iframe {visibility: visible !important; opacity: 1 !important;}
    

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •   Marla Hidalgo replied privately
  •   Marla Hidalgo replied privately
  • Marla Hidalgo replied

    This isn't working out. We need the website online ASAP. I bought 2 templates from you. How do I request a refund? 

  •  850
    Jelly replied

    I finally figure this out.

    Works here:

    http://jellydemos.com/html/musize/index-embeds%20copy.html

    There are a lot of restrictions that browsers put on a video when you want to autoplay them.

    This is the code you need to put to line 95:

    <div class="rs-background-video-layer" data-ytid="usb4ZTV6qHE" data-volume="0" data-mute="1" data-forcerewind="on" data-nextslideatend="true" data-videoloop="loopandnoslidestop" data-videoattributes="autoplay=1&mute=1&controls=0&version=3&enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&rel=0&origin=https://fullforce6.com/index-video.html"></div>

    Please try and let me know.

    Best Regards,
    Jelly Team

  •  850
    Jelly replied

    Please contact ThemeForest about the refund.

    Best Regards,
    Jelly Team

  • Marla Hidalgo replied

    Is that a Youtube video? Can the tabs be removed?

  • Marla Hidalgo replied

    There aren't and play stop sound controls like he other slider.

  •  850
    Jelly replied

    Please add this code to /revolution/css/revolution.all.css to remove the arrows:

    .tparrows { display: none !important; }

    Could you check the page in Incognito Mode? It seems there is a cache or something that doesn't let the video autoplay.

    Best Regards,
    Jelly Team

  • Marla Hidalgo replied

    The video loads twice, it flashes...and we don't have controls for the audio/video.

  •   Marla Hidalgo replied privately
  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    To have the controls back, please remove "&controls=0" from the code from this message:

    https://jellythemes.ticksy.com/ticket/3488994/#comment-18571238

    The video loads twice

    On Chrome, Safari? I just checked and it works with no issues. Are you having the same issue on http://jellydemos.com/html/musize/index-embeds%20copy.html

    Is there a way to make the video darker?

    Unfortunately, there is no option for this in Slider Revolution.

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    I am sorry for the delay. It seems that this solution should work:

    https://stackoverflow.com/a/46414532

    As for the video flashes issue. Could you try removing this part: see attach.

    Attached files:  Screenshot 2023-10-26 at 11.40.11.png

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    Please use this code to remove the square:

    .tp-bullets, .tp-tabs, .tp-thumbs { display: none !important; }

    https://fullforce6.com/index-video.html no longer exists. Did you remove it?

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    Ah ok and the video header on the main page is different from the one we were working on. Do you need to replace it?

    Best Regards,
    Jelly Team

  •   Marla Hidalgo replied privately
  •  850
    Jelly replied

    Perfect!

    I am currently closing the ticket. Please don’t hesitate to submit a ticket whenever you need help. I will be happy to assist you.

    P.S. I would appreciate if you could please rate the Theme and like the assistance under my support, means a lot to me. Thank you.

    You can rate it with your themeforest account at your downloads page, precisely at this link: http://themeforest.net/downloads and hover over the 5 stars for our theme.

    Thank you so much for all your help!!!

    Best Regards,
    Jelly Team