Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1011117

    Hi there,
    we are using enfold and the slide-show with youtube video. The Background is black and we would like to change the Color. but where?
    screenshot of video-situation with black backgrund
    Thanks for your help

    #1011179

    Hey werbeagenturlauf,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    #1011228
    #1011492

    Hi,
    You are seeing black pillar boxing on the sides of the video because the aspect ratio of the player differs from that of the video.
    The black you are seeing is from youtube.
    If you were able to upload the video as a different ratio you would not have the pillar boxing, but I don’t believe that is a option with youtube. I also looked into changing the color but I didn’t find that solution. Try looking in your youtube author panel to see if they have added a new option to do so.

    Best regards,
    Mike

    #1011565

    @Mike : seems to be all 16/9 videos – must be something different .
    ________
    and by the way – why did you do it this way? ( via slider)
    you can combine all your videos in one youtube playlist – without generating a playlist on youtube. ( this will be the best way – because i think the transitions between those videos are gone).

    this could be for your videos an iframe code:
    <iframe src="https://www.youtube-nocookie.com/embed/sATEt-81AT8?enablejsapi=1&ecver=2&controls=0&cc_load_policy=1&rel=0&showinfo=0&autoplay=1&color=white&iv_load_policy=3&loop=1&playlist=QU0MCwH9cIU,f7Oy2fySTHM,DWRUW1oSLxI,JGt8g7Ms0zA,PGrBLAci8tQ,SlEXdbUgMuQ,kjA-GLzPMfQ,X-qPTwLUBAM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

    you see the first video is single – and at the end there are comma separated the other VideoIDs.

    now to your setup to get a responsive youtube setup:
    click to enlarge:

    put this into your page on top in a code-block element and give to the code-block element a custom-class: fullvideo

    <div class="avia-video avia-video-16-9" itemprop="video" itemtype="https://schema.org/VideoObject">
    <div class="avia-iframe-wrap">
    	<iframe src="https://www.youtube-nocookie.com/embed/sATEt-81AT8?enablejsapi=1&ecver=2&controls=0&cc_load_policy=1&rel=0&showinfo=0&autoplay=1&color=white&iv_load_policy=3&loop=1&playlist=QU0MCwH9cIU,f7Oy2fySTHM,DWRUW1oSLxI,JGt8g7Ms0zA,PGrBLAci8tQ,SlEXdbUgMuQ,kjA-GLzPMfQ,X-qPTwLUBAM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
    </div>
    </div>

    go to your functions.php of your child-theme and insert:

    function youtube_full_width_with_shortcode(){
    ?>
    <script>
    (function($){
       $('.fullvideo').closest('.content').css( 'padding' , '0px' );
       $('.fullvideo').closest('.container').css({"max-width": "100%", "padding": "0" });
       $('.fullvideo .avia-video').css('margin-bottom', '0px' );
       $('.fullvideo .avia-iframe-wrap').css('margin-bottom', '0px' );
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'youtube_full_width_with_shortcode');

    see Result: https://webers-testseite.de/youtube-playlist-embed/

    #1011574

    Hi,

    @Guenni007
    great work, this is far better. Thanks for sharing.

    Best regards,
    Mike

    #1011626

    Hi Guenni,

    hey thanks for this input! i tried to paste the code into functions.php in the childtheme but i get an error:

    error code past code in functions.php

    I pasted it now per FTP, that worked, but the result is different to yours:
    no full screen video

    I can`t give to the code-block element a custom-class: fullvideo
    no custom-class available

    #1011654

    There is on your Enfold Settings / Layout Builder : Show element options for developers
    Then you will have the new input field on most of the ALB Elements .

    By the way : the code is tested and works on my functions.php ( child-theme )

    #1011661

    Perfect!!!
    Developer Option solved all!
    Thanks to you !

    #1011683

    Hi,

    Great, glad you got it working :-) Thanks to @guenni007 for helping out.

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1011700

    if you like to have the controls you can delete this parameter from the code-block element code
    &controls=0

    maybe instead add the &playsinline=1 parameter – this is for the ipad / iphone background option.

    #1019811

    Hi Guenni007!
    Thank a lot for your assistence to the code. Now i am working on the responisve side of the website an get this “error” for the frontpage video: picture shows that video has to be opened in an other programm
    Would you please take a look. We need the video for tablet and smartphone

    Thanks a lot
    Michael F. Kraus

    #1020492

    Hi,

    The problem is that the format of the video is not working on those devices, you should upload a different format :)

    Best regards,
    Basilis

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.