webForumDet fria alternativet
Logga in / Bli medlem

embedda youtube video med css?

HTML & CSS

3 svar · 407 visningar · startad av kylberg

Medlem sedan nov. 200796 inlägg
Frågan#1

Går det att med lite mindre html-kod infoga en youtube video genom att använda css? så att man slipper lägga in hela embed-koden från youtube. blir lite snyggare kod då om man har många videos.

Medlem sedan aug. 20039 340 inlägg
#2

Det går att flytta över width och height, men inget annat. Använd PHP eller något annat språk på serversidan och lägg till en funktion som ser ut ungefär så här:

function printYTVIdeo($videoid){
  echo '<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/{$videoid}&hl=en&fs=1"></param>'.
    '<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>'.
    '<embed src="http://www.youtube.com/v/{$videoid}&hl=en&fs=1" type="application/x-shockwave-flash" '.
    'allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>';
}

Sen kan du anropa funktionen genom att använda video-ID'et för den video du vill visa, t ex:

printYTVIdeo('oHg5SJYRHA0');

Använder du Wordpress eller liknande finns det även plugins som kan göra detta automatiskt åt dig.

Medlem sedan nov. 200796 inlägg
#3

låter som en bra ide, tyvärr är jag rätt grön :P lite mer detaljerad beskrivning?
skulle va grymt

Medlem sedan juni 20006 022 inlägg
#4

Fast den genererade koden kommer ju ändå att bli samma.

278 ms totalt · 4 externa anrop · v20260731065814-full.5386d3bf
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
151 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)