PDA

Volledige versie bekijken : iframe weghebben, maar mediaplayer houden


chrashoverraid
%Europe/Berlin %744 %2007, 18:52
http://groep93.sites.icaprojecten.nl
Directe link naar de mediaplayermediaplayer (http://groep93.sites.icaprojecten.nl/mediaplayers.html)

dit is onze site en hij werkt redelijk maar als je naar "MediaPlayer" gaat dan laat hij de onderste div niet zien in InternetExplorer, in firefox wel.
Nu heb ik ook te horen gekregen dat ik geen gebruik mag maken van iframes (de mediaplayer zit daar in).
De mediaplayer komt van een andere website en het is op deze manier mogelijk om muziek te luisteren (via de andere website).

Dit is mijn code:
<iframe class="playerradio" src="http://www.radiofm.nl/player.htm" name="player" width="300px" height="185px" allign="middle" scrolling="no" frameborder="0"</iframe>

Ik wil dus:
-het iframe weg hebben maar dezelfde functionaliteit houden.
-Als het kan alleen html en/of css gebruiken
Hoe kan ik dit het beste oplossen?

met vriendelijke groet,
crashoverraid

vollunta
%Europe/Berlin %747 %2007, 18:56
met div overflow...

Lorrens
%Europe/Berlin %753 %2007, 19:04
Vollunta, sorry, maar ik moet je weer verbeteren denk ik ;)

Div overflow is alleen om content die buiten de aangegeven maten van de container (meestal div) te controleren, zodat deze wel of niet worden weergegeven, of er een scrollbar komt.

@chrashoverraid :
Ik weet niet of ze het toelaten dat jij de mediaplayer leached vanaf hun website, maar als dat wel het geval is, kan je proberen om de bron te copiëren en dan naar de juiste bestanden te linken, maar ik denk dat ze dit niet willen.. :)

Andere optie:
html :

<div class="radiocont">
<iframe class="playerradio" src="http://www.radiofm.nl/player.htm" name="player" width="300px" height="185px" allign="middle" scrolling="no" frameborder="0"></iframe>
</div>

css

.radiocont {
width: 300px;
height: 40px;
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
}

.radiocont iframe {
position: absolute;
bottom: 0px;
left: 0px;
}


Hier maak je dus een div van 185x40, en daarin zet je je iframe, die je dan positioneert, binnenin die div, gerekend vanaf onder. Hoop dat de code een beetje duidelijk is. (en kan zijn dat ik misschien wat vergeten ben, heb honger en ben chagerijnig ;))

chrashoverraid
%Europe/Berlin %884 %2007, 22:13
je hebt inderdaad gelijk in dat de webmaster dit niet leuk gaat vinden (ook al is het maar voor even, de webmaster weet hier niet van dus niet echt netjes om dingen van hem te jatten)
Kan beter een andere manier bedenken
bedankt voor het mee denken