html player help

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
mark5228
Registered User
Posts: 58
Joined: Thu May 14, 2015 1:07 pm

html player help

Post by mark5228 »

Hi i have a shoutcast radio which i would like to have on my forum. i use a html5 player in the overall header
Image
The problem is when you go to a new page the radio refreshes to a set volume or will turn back on.
Is it possible to have it any where were it wont refresh. Maybe at top of the index.html & maybe a iframe.

Another option is to open the player in a small external page is this possible if i make a link to a html file
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1018
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: html player help

Post by Hanakin »

1. no its not possible to avoid refresh that I am aware of.
2. You could add a link that opens in a popup window if you wish that would solve the issue

create a separate html file on your server with just the player in it, then place this link

<a href="url to the html file" target="blank">title of link</a>
mark5228
Registered User
Posts: 58
Joined: Thu May 14, 2015 1:07 pm

Re: html player help

Post by mark5228 »

Thank you for your response i have made a external pop up page i also put the html code on my board3 portal.
I just have a styling issue now when i centre the player it looked a bit plain, i tried expanding the player but did not like the look of it so i added a image at either side, i use logo as a example on this.
Image

the images are not inline how do i float the images across this is my current code

Code: Select all

<span style="display: block; text-align: center;">
<img src="http://raveressential.com/styles/prosilver/theme/images/site_logo.gif"</a>
<!-- RCAST.NET - START EMBEDDED IFRAME HTML5 PLAYER --> 
<iframe width="400" height="220" src="https://embedded.rcast.net/iframe.php?autoplay=false&bgcolor=101010&textcolor=FF9900&v=1&stream=http://193.70.65.220:9304/" frameborder="0" scrolling="no" style="border-radius: 8px;"></iframe> 
<!-- RCAST.NET - END EMBEDDED IFRAME HTML5 PLAYER -->
<img src="http://raveressential.com/styles/prosilver/theme/images/site_logo.gif" </a>
</span>
Post Reply

Return to “[3.2.x] Styles Support & Discussion”