Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
-
henrik_t7 - Nørd
- Indlæg:102
- Tilmeldt:26. jul 2011, 20:12
Video hjælp i HTML 5
Indlæg
af henrik_t7 » 19. nov 2012, 22:05
Hej.
Jeg har lavet denne video test side i HTLM 5, men jeg kan ikke få den til at virke?
her er link
http://www.danskspeedway.dk/video/
Jeg har testet den i IE9, Chrome 23 og Firefox 16 alle disse browser skule kører video element.
Her er koden.
Kode: Vælg alt
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5 Video</title>
<link rel="stylesheet" href="style.css" type="text/css" media="all">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<h1>HTML5 Video test side</h1>
<video width="375" height="280" controls">
<source src="sgp2013.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="sgp2013.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="sgp2013.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
</body>
</html>
Henrik
-
scootergrisen
- Moderator
- Indlæg:709
- Tilmeldt:21. jun 2012, 23:40
-
Kontakt:
Indlæg
af scootergrisen » 20. nov 2012, 09:20
Koden er fin nok men dine video filer sendes med MIME type text/plain hvilket er forkert.
Tilføj følgende i din .htaccess fil i roden af hjemmesiden eller opret filen hvis du ikke har den.
Kode: Vælg alt
AddType audio/ogg .oga
AddType audio/mpeg .mp3
AddType audio/wave .wav
AddType audio/mp4 .m4a
AddType audio/ogg .opus
AddType video/ogg .ogv
AddType video/webm .webm
AddType video/mp4 .m4v
Jeg fortrækker at bruge .m4v i stedet for .mp4 som du har gjort men det må du jo selv om.
-
henrik_t7 - Nørd
- Indlæg:102
- Tilmeldt:26. jul 2011, 20:12
Indlæg
af henrik_t7 » 20. nov 2012, 20:31
scootergrisen skrev:Koden er fin nok men dine video filer sendes med MIME type text/plain hvilket er forkert.
Tilføj følgende i din .htaccess fil i roden af hjemmesiden eller opret filen hvis du ikke har den.
Kode: Vælg alt
AddType audio/ogg .oga
AddType audio/mpeg .mp3
AddType audio/wave .wav
AddType audio/mp4 .m4a
AddType audio/ogg .opus
AddType video/ogg .ogv
AddType video/webm .webm
AddType video/mp4 .m4v
Jeg fortrækker at bruge .m4v i stedet for .mp4 som du har gjort men det må du jo selv om.
Super, kan du ikke lige skrive hvor jeg skal indsætte disse liner, jeg ved ikke rigtigt hvad .htaccess fil er og hvor den er?
Håber at du forstår.
Henrik
-
henrik_t7 - Nørd
- Indlæg:102
- Tilmeldt:26. jul 2011, 20:12
Indlæg
af henrik_t7 » 20. nov 2012, 22:17
Hej.
Det kan jeg ikke finde ud ad.
Hvor skal jeg ligge denne fil og hvad skal den hede til efternavn, er det en html fil eller en txt fil ?
Skal den ligge i roden af den mappe som de andre filer ligger i, sammen med index filen eller hvad?
Jeg bruger FTP program FileZilla og i en mappe er der en fil som hedder .htaccess der har jeg prøvet at skrive i, men det virker ikke???
-
scootergrisen
- Moderator
- Indlæg:709
- Tilmeldt:21. jun 2012, 23:40
-
Kontakt:
Indlæg
af scootergrisen » 20. nov 2012, 22:33
Det virker nu.
Prøv og højreklik på videoen og vælg afspil.
Også ret :
Kode: Vælg alt
<video width="375" height="280" controls">
Til :
Kode: Vælg alt
<video width="375" height="280" controls>
Så kommer der knapper på.
-
henrik_t7 - Nørd
- Indlæg:102
- Tilmeldt:26. jul 2011, 20:12
Indlæg
af henrik_t7 » 24. nov 2012, 18:56
Hej.
Ja det virker i IE10 og Firefox 16, men i Chrome 23 kan jeg kun høre lyden og ikke se filmen?
Se link
http://www.danskspeedway.dk/video/
Her koden.
Kode: Vælg alt
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5 Video</title>
<link rel="stylesheet" href="style.css" type="text/css" media="all">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<h1>HTML5 Video test side</h1>
<video width="375" height="280" controls autoplay="autoplay">
<source src="sgp2013.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="sgp2013.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="sgp2013.webm" type='video/webm; codecs="vp8, vorbis"'>
</video>
</body>
</html>
Henrik
-
scootergrisen
- Moderator
- Indlæg:709
- Tilmeldt:21. jun 2012, 23:40
-
Kontakt:
Indlæg
af scootergrisen » 24. nov 2012, 19:26
Du har ikke sat nogen MIME type for din .mp4 fil.
Læg mærke til jeg bruger filendelsen .m4v til video og .m4a til lyd.
Derfor bruger jeg :
Kode: Vælg alt
AddType video/mp4 .m4v
AddType audio/mp4 .m4a
Hvis du vil angive .mp4 filer som video så brug :
-
henrik_t7 - Nørd
- Indlæg:102
- Tilmeldt:26. jul 2011, 20:12
Indlæg
af henrik_t7 » 27. nov 2012, 19:35
Hej.
Det virker ikke i Chrome, kan kun hører lyden og ikke se videoen, det virker fint i de 2 andre browser, IE10 og Firefox 16.
Henrik
-
scootergrisen
- Moderator
- Indlæg:709
- Tilmeldt:21. jun 2012, 23:40
-
Kontakt:
Indlæg
af scootergrisen » 27. nov 2012, 19:59
mp4 filen bliver stadig sendt med forkert MIME type.
Prøv det jeg har skrevet.
-
henrik_t7 - Nørd
- Indlæg:102
- Tilmeldt:26. jul 2011, 20:12
Indlæg
af henrik_t7 » 27. nov 2012, 20:18
Nu røg kæden lige ad, hvor skal jeg skrive det henne m4v, i min html fil eller i min .htaccess fil??
se koder.
Kode: Vælg alt
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5 Video</title>
<link rel="stylesheet" href="style.css" type="text/css" media="all">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<h1>HTML5 Video test side</h1>
<video width="375" height="280" controls autoplay="autoplay">
<source src="sgp2013.mp4" type='video/mp4; codecs="avc1.42E01E, m4v"'>
<source src="sgp2013.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="sgp2013.webm" type='video/webm; codecs="vp8, vorbis"'>
</video>
</body>
</html>
.htaccess fil
Kode: Vælg alt
AddType audio/ogg .oga
AddType audio/mpeg .mp3
AddType audio/wave .wav
AddType audio/mp4 .m4a
AddType audio/ogg .opus
AddType video/ogg .ogv
AddType video/webm .webm
AddType video/mp4 .m4v
Henrik
