Embeding mixlr on our site

• 

  shaunioradio · Member · Dec 12, 2012 at 6:35 pm

  • Copy link
  • Add topic to favorites

  Hi we want to embed this player on our website. Can you give us a hand doing this? Our website is http://www.phreshfm.com.

  Here is the code from mixlr
  <iframe name=”mixlr-player” src=”http://mixlr.com/v2/embed/phreshfm?width=500″ scrolling=”no” frameborder=”no” height=”150″ width=”500″></iframe>

  Cheers

  The blog I need help with is: (visible only to logged in users)

• 

  shaunioradio · Member · Dec 12, 2012 at 7:37 pm

  • Copy link

  I realized the link was wrong and have new player embeded on one of my pages. Now I just need to put it as a header on my main page. How do I do this?

• 

  zandyring · Staff · Dec 13, 2012 at 2:27 pm

  • Copy link

  Hmmm, good question.

  I’m not sure that you can, because you’d have to alter the underlying file – not just CSS. A workaround would be to set it as a widget then float the widget up to your header. So you’d want to set it as a widget, then get the widget attribute name (it wouldn’t be this, but something like .link-widget) and then set the z-index to something high (start at 10), and positioning. Your CSS would end up looking something like this:

  .link-widget {z-index: 10;
  position: fixed;
  top: 50px;
  right: 80px; }

  That means:
  z-index – raise this element above the other elements (which have a default z-index of 0)
  position – keep this element fixed on the page
  top – place it 50 pixels from the top
  right – place it 80 pixels from the right

  (top and right are the only positioning elements – there’s no left or bottom).

  Once you have the widget set, if you need more help working through that CSS so it’s actually correct for the widget, feel free to come back here!