Marcin Lewandowski

Marcin Lewandowski Programista
PHP/MySQL,
poszukuję...

Temat: HTML5 pliki wideo z napisami

Witam,

Mam problem z odtwarzaczem plików wideo z napisami z dysku komputera. Mianowicie mam kod HTML
 

<!DOCTYPE html>

<html>

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>Player</title>

</head>

<body style="margin: 0; padding: 0;">

<video width="100%" height="100%" id="player" controls="controls">

    <source src="echo-hereweare.mp4" type="video/mp4">

    <source src="echo-hereweare.webm" type="video/webm">	

    <track kind="subtitles" src="video-subtitles-en.vtt" srclang="en" label="English" />

    <p>Your browser leaves much to be desired.</p>

</video>

</body>

</html>

Kod ma za zadanie wyświetlić plik wideo wraz z napisami, jednak o ile sam film się wyświetla o tyle próba włączenia napisów w Chrome kończy się niepowodzeniem, konsola daje komunikat mówiący o braku uprawnień: 


Text track from origin 'file://' has been blocked from loading: Not at same origin as the document, and parent of track element does not have a 'crossorigin' attribute. Origin 'null' is therefore not allowed access.

Tylko jak to obejść dodanie bowiem crossorigin do elementu video tylko pogarsza sprawę.
Link do wypowiedziLink