Jump to content

hcccs

Members
  • Posts

    7
  • Joined

  • Last visited

Everything posted by hcccs

  1. The browser console says 'Resource interpreted as TextTrack but transferred with MIME type application/octet-stream: "http://localhost/tracks/video.vtt".' It looks like just a piece of information.
  2. I have been struggling with video track for some time and can't get it to work. The video and audio work perfectly but not the subtitles. The CC button has no effect. I have configure IIS with the following line: <remove fileExtension=".vtt" /> <mimeMap fileExtension=".vtt" mimeType="text/vtt"/> I have tested this in the latest versions of FF, Chrome, Safari and Opera. This is the code: File: vtt_test.php<!DOCTYPE html><html lang="en"><head> <title>VTT Test</title> <meta charset="utf-8" /></head><body> <h1>VTT track test</h1> <h2></h2> <br><br> <h3></h3> <video width="640" height="480" controls> <source src="/movies/testbild.webm" type="video/webm" /> <source src="/movies/testbild.ogv" type="video/ogv" /> <source src="/movies/testbild.mp4" type="video/mp4" /> <track src="/tracks/video.vtt" kind="subtitles" srclang="en" label="English" /> <!-- fallback for rubbish browsers --></video> </body></html>File: /tracks/video.vttWEBVTT100:00:01.000 --> 00.00.02.900First line200:00:03.000 --> 00:00.05.900Second line300:00:06.000 --> 00:00.08.000Third line
  3. How do I style the video tag when it comes to 'control', 'preload' and 'autoplay'. I have tried this: figure video { box-shadow: 6px 6px 3px Gray; /* #888888 */ border: 1px solid Gray; padding: 6px; margin: 6px; allowfullscreen: true; controls: true; preload: auto; autoplay: false;} Controls, preload and autoplay don't work. Have I used the wrong format?
  4. I use FF 36, Chrome 41 and Opera 27 - latest version and the video is 10 seconds long. Is there anything I can find out about this in Firebug?
  5. Yes, it plays the video with sound.
  6. Yes, the HTML, poster and vtt file downloaded OK. What else is there to check?
  7. HTML5 track doesn't work for me. I have tried for a couple of hours and tested in FF, Chrome and Opera. Here are the code and .vtt file.<!DOCTYPE html><html lang="en"><head> <title>Video HTML5</title><style> video { box-shadow: 6px 6px 3px #888888; border: 1px solid grey; padding: 8px; allowfullscreen: true; } </style> </head><body><div class="video"> <video id="video01" controls preload="auto" width="400" height="300" poster="/pics/dnskrapan1.jpg" data-setup='{"autoplay": false}'> <source src="/movies/testbild.mp4" type="video/mp4"> <source src="/movies/testbild.webm" type="video/webm"> <source src="/movies/testbild.ogv" type="video/ogg"> <track src="/tracks/video.vtt" kind="subtitles" srclang="sv" label="Swedish"> </video></div></body>WEBVTT00:00:01.000 --> 00.00.02.900 A:middle T:50%First line00:00:03.000 --> 00.00.05.900 A:end D:verticalSecond line00:00:06.000 --> 00.00.08.000 A:start T:100% L:0%Third line
×
×
  • Create New...