This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

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

Resolved 16 replies premiumthemetheme-focus
11 years ago · Last reply by dadang sulaeman 9 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

16
  1. Andrew Misplon Staff 11 years, 1 month ago

    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. flyingbits 11 years, 1 month ago

    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. Andrew Misplon Staff 11 years, 1 month ago

    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. flyingbits 11 years, 1 month ago

    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. Andrew Misplon Staff 11 years, 1 month ago

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

  6. flyingbits 11 years, 1 month ago

    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. flyingbits 11 years, 1 month ago

    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. flyingbits 11 years, 1 month ago

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

    Derek

  9. flyingbits 11 years, 1 month ago
    <iframe width="560" height="315" src="//www.youtube.com/embed/bhk7mcIrbco?modestbranding=1&wmode=transparent" frameborder="0" allowfullscreen></iframe><div id="overlay"></div>
  10. Andrew Misplon Staff 11 years, 1 month ago

    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. flyingbits 11 years, 1 month ago

    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. Andrew Misplon Staff 11 years, 1 month ago

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

    ?modestbranding=0&showinfo=0&rel=0&controls=0
  13. flyingbits 11 years, 1 month ago

    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. Andrew Misplon Staff 11 years, 1 month ago

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

  15. Mark Abbott 9 years, 6 months ago

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

  16. dadang sulaeman 9 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread