Anmäl dig till Roborock Challenge!
Forum Mjukvara Programmering och digitalt skapande Tråd

Bädda in Youtube-klipp i HTML5?

1
Skriv svar
Permalänk
Medlem
●

Bädda in Youtube-klipp i HTML5?

Hej!

Jag försöker lägga in ett Youtube-klipp på en testhemsida som jag gör, men lyckas inte. Filmen visas inte utan i Safari blir det helt blankt och i Chorme står det "Det gick inte att hitta filen eller katalogen.". Koden går inte heller igenom valideringen. Använder Youtube inte HTML5 och hur ska jag göra för att få det att fungera?

Ex på kod tagen från Youtube:

<iframe width="420" height="315" src="//www.youtube.com/embed/64CdGlTNxcI?rel=0" frameborder="0" allowfullscreen></iframe>

Skulle vara super om någon kunde hjälpa mig med detta!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Ingen som vet? Står på alla ställen att det är så enkelt och bara att klistra in men jag får det inte att fungera...

Redigera
Citera flera Citera
Permalänk
Medlem
●

Youtube använder fortfarande flash som standard, däremot kan man använda HTML5 om man går in på https://www.youtube.com/html5

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Lägg till "http:" framför dubbelslash. dvs, http://www.länkblabla

Visa signatur

Min foto instagram

14700k @ Stock . 32GB @ 4000MHz . 3070 @ +100/+800MHz
240+360 rad custom loop

Redigera
Citera flera Citera
Permalänk
Legendarisk ★
●
Skrivet av Märta:

Hej!

Jag försöker lägga in ett Youtube-klipp på en testhemsida som jag gör, men lyckas inte. Filmen visas inte utan i Safari blir det helt blankt och i Chorme står det "Det gick inte att hitta filen eller katalogen.". Koden går inte heller igenom valideringen. Använder Youtube inte HTML5 och hur ska jag göra för att få det att fungera?

Ex på kod tagen från Youtube:

<iframe width="420" height="315" src="//www.youtube.com/embed/64CdGlTNxcI?rel=0" frameborder="0" allowfullscreen></iframe>

Skulle vara super om någon kunde hjälpa mig med detta!

Gå till inlägget

En URL som börjar med // använder det protokoll du öppnade sidan med. Om du öppnar filen lokalt så måste du byta ut det mot http://.

http://tools.ietf.org/html/rfc3986#section-4%2E2

Skickades från m.sweclockers.com

Visa signatur

Abstractions all the way down.

Redigera
Citera flera Citera
Permalänk
Medlem
●

<Video> borde funka i html5
Kolla här http://stackoverflow.com/questions/5157377/show-youtube-video-source-into-html5-video-tag

Visa signatur

CPU: i5 4670K@4,2Ghz Kylare: Corsair H100i Chassi: Fractal Design Define R4 Moderkort: Asus Z87-a
Ram: Corsair 8GB DDR3 1600mhz GPU: Gigabyte Radeon R9 280X OC PSU: Be Quiet! KRAFT 700W
SSD: 1x Kingston SSDnow 120GB HDD: 1x Seagate 500GB OS: Windows 10 Pro
Fraktfritt Inet

Redigera
Citera flera Citera
Permalänk
Hedersmedlem ★
●
Skrivet av Märta:

Hej!

Jag försöker lägga in ett Youtube-klipp på en testhemsida som jag gör, men lyckas inte. Filmen visas inte utan i Safari blir det helt blankt och i Chorme står det "Det gick inte att hitta filen eller katalogen.". Koden går inte heller igenom valideringen. Använder Youtube inte HTML5 och hur ska jag göra för att få det att fungera?

Ex på kod tagen från Youtube:

<iframe width="420" height="315" src="//www.youtube.com/embed/64CdGlTNxcI?rel=0" frameborder="0" allowfullscreen></iframe>

Skulle vara super om någon kunde hjälpa mig med detta!

Gå till inlägget

Den syntaxen "ska" funka generellt. Det du säger om validering är troligen bara att w3c:s validator klagar på att `frameborder`-attributet hellre bör skötas i CSS.

(Viss upprepning av Solomons och Tunnelsorks utsagor ovan, men mer utbroderat): Ditt fel är att du inte laddar din testsida över HTTP/HTTPS, dvs serverat av en lokal webbserver, utan du laddar filen direkt ur filsystemet. Då används "protokollet" `file://`, så din protokollrelativa URL (vilket i allmänhet är en bra sak att använda) kommer upplösas till `file://www.youtube.com/embed/64CdGlTNxcI?rel=0`, vilket ju inte finns.

Så: ladda hellre din sida via en lokal webbserver (dvs serverad via exempelvis `http://localhost/`) för att få ett mer verkligt test av hur din sida kommer hanteras i nätmiljö.

Visa signatur

Nu med kortare användarnamn, men fortfarande bedövande långa inlägg.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Http:// funkade super! Tack för bra svar, som alltid här på Sweclockers!

Redigera
Citera flera Citera
1
Skriv svar