Home>Support>Focus Premium – How to modify video embeds on the templated posts (beyond what Focus-Video offers)

Focus Premium – How to modify video embeds on the templated posts (beyond what Focus-Video offers)

I’d like to modify the way that my Youtube linked videos appear on posts in Focus Premium. I’d most particularly like to hide the small Youtube watermark to the left of the scroll bar.

I’ve got shortcode that works [branding=”1″], but there does not seem to be a way to use shortcode to modify the template video embed on the posts. If I paste shortcode into the text box on the post (with the complete string), it shows up as a second video embed.

Because I can’t find a way to use shortcode, I’ve looked everywhere for the right php or css file to modify with code, but I can’t find the right file that includes the embed code for the post. I’ve worked on this for too many hours now without resolve. I hope someone can help me here.

Is there a way to modify the video posts in Focus Premium, beyond the few mods allowed by the Focus-Video plugin? Again, my primary goal is to hide the Youtube watermark, but I’d also like the flexibility to make a few other changes as well.

My site is: www.ispotmedia.com for reference.

Thanks.

URL: http://www.ispotmedia.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 8 days ago Andrew Misplon Hi, I Work Here

    Hi flyingbits

    You’ll need to change each video to Custom Embed Code, then see the first answer here for the arguments you can add:

    http://stackoverflow.com/questions/20099545/how-can-i-remove-the-youtube-branding-completely-from-embedded-video

    So for example, try this:

    <iframe width="560" height="315" src="//www.youtube.com/embed/PaQgKkIs0fI?modestbranding=1" frameborder="0" allowfullscreen></iframe>
    

    See how I’ve added question mark followed by modestbranding=1

    ?modestbranding=1
    

    Give that a go. Works for me.

  2. 7 years, 8 days ago flyingbits

    Thanks Andrew. That did the trick.

    Is there a parameter to remove or cover the layer that’s positioned at the top of the embedded video screen that shows the name of the Youtube video file and another link to Youtube?

    Much appreciated.

  3. 7 years, 8 days ago Andrew Misplon Hi, I Work Here

    For sure.

    <iframe width="560" height="315" src="//www.youtube.com/embed/PaQgKkIs0fI?modestbranding=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
    ?modestbranding=0&showinfo=0

    Ref: https://developers.google.com/youtube/player_parameters#modestbranding
    Ref: http://stackoverflow.com/questions/18893902/how-to-remove-youtube-branding-after-embedding-video-in-web-page

  4. 7 years, 8 days ago flyingbits

    Hi Andrew.

    I copied and pasted the code into the Custom Embed as before, but it looks like the showinfo cancels out the modestbranding attribute and the Youtube watermark reappears.

    If there is no way to do this, can I cover the area with a static black slider that’s the same width & height as the top area of the video with the file name and Youtube link?

    Thanks.

  5. 7 years, 8 days ago Andrew Misplon Hi, I Work Here

    Please send through your complete embed code so I can take a look.

  6. 7 years, 8 days ago flyingbits

    I copied and pasted the entire embed code that you sent without any changes.

    I did notice that your first code that included ?modestbranding used a “1” and your second code (above) used a “0”. When I changed the above code to modestbranding=1, a very large YouTube watermark appeared in the right bottom corner.

  7. 7 years, 8 days ago flyingbits

    Hi Andrew

    I’ve done a temporary work-around by nailing a solid opacity div overlay at the top of the video post. Here’s the iframe code I put in the “Custom Embed Code” windosw:

    I then added this code to style.css:

    #overlay {
    position: absolute;
    top: 0px;
    left: 0;
    horizontal-align: middle;
    width:100%;
    height:28px;
    background:#000000;
    z-index:50;
    color:#000000;
    }

    I checked in both Chrome & Firefox and it seems to hold up. I may want to match the black to the background, but it works OK right now. If you can’t find an attribute that will give a cleaner way to eliminate the Youtube link at the top, this may be the solution. As long as I don’t do anything to disrupt the top of the frame, it should work. Also, I hid the post title with .

    By the way, your response to my original and follow-up questions was amazing. Thanks very much.

    Derek

  8. 7 years, 8 days ago flyingbits

    Sorry… here’s the code added to the “Custom Embed Code” window:

    Derek

  9. 7 years, 8 days ago flyingbits
     <iframe width="560" height="315" src="//www.youtube.com/embed/bhk7mcIrbco?modestbranding=1&wmode=transparent" frameborder="0" allowfullscreen></iframe><div id="overlay"></div> 
  10. 7 years, 5 days ago Andrew Misplon Hi, I Work Here

    You’re quite right. modestbranding must be set to 0 not 1 to remove the logo.

    Try this one out, I’ve now added re=0 to hide related videos at the end:

    <iframe width="560" height="315" src="//www.youtube.com/embed/bhk7mcIrbco?modestbranding=0&showinfo=0&rel=0" frameborder="0" allowfullscreen></iframe>
    

    We’re starting the query off with a question mark, additional parameters are then separated by an ampersand.

    This is exactly what I’ve added to the original iFrame code from YouTube:

    ?modestbranding=0&showinfo=0&rel=0
    

    You could use any of the parameters supplied here: https://developers.google.com/youtube/player_parameters.

    The only YouTube logo I can now see is the one at the bottom right of the player. I’d rather solve things this way vs adding an overlay, just seems a lot more robust.

    Give that latest iFrame I sent a try. If it’s not not right, please confirm exactly which logo we’re trying to remove. Thanks.

  11. 7 years, 5 days ago flyingbits

    Hi Andrew,

    I’d like to remove both Youtube logos if possible — the top right and bottom right. If this is not possible then my overlay may be the only solution. Is it only possible to remove one or the other?

    Thanks,

    Derek

  12. 7 years, 5 days ago Andrew Misplon Hi, I Work Here

    You can remove the bottom logo but only if you remove the controls.

    ?modestbranding=0&showinfo=0&rel=0&controls=0
  13. 7 years, 5 days ago flyingbits

    Thank you Andrew. I guess I’ll try the overlay on top as I still want controls on the bottom.

    Thank you for all your help.

  14. 7 years, 5 days ago Andrew Misplon Hi, I Work Here

    Sorry I don’t have more here. Hope you get what you’re looking for.

  15. 5 years, 5 months ago Mark Abbott

    I’m using JULBUL to completely remove youtube logo from embed videos with 100% accuracy. modestbranding=1 doesn’t work now :(

  16. 5 years, 4 months ago dadang sulaeman

    could you please answer? even simply “no” would be enough. i have found solution for single bootstrap, but it is not working in js template. i suppose, that it is possible to do it line by line in css, but its quite a lot of work when compared to easy solution of adding two lines.
    http://gejalastroke.tasikstore.com/
    Thank you

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More