TTML side car file does not seem to load in the player.

Topics: Windows 8 JavaScript
May 2, 2014 at 5:11 PM
Edited May 2, 2014 at 5:12 PM
I've been trying to get some of side car caption files working and none of them are showing up even though you can select them from the closed captions flyout.

I then hard-coded the sample app side car files in and they display. Can anyone tell me why this example will not display?
<?xml version="1.0" encoding="UTF-8" ?>
<tt xmlns:tts="http://www.w3.org/ns/ttml#styling" xmlns:ttp="http://www.w3.org/ns/ttml#parameter" ttp:timeBase="media" xmlns="http://www.w3.org/ns/ttml" xmlns:smpte="http://www.smpte-ra.org/schemas/2052-1/2010/smpte-tt" xsi:schemaLocation=" http://www.decellc.org/schema/2012/01/cff-tt-meta cff-tt-meta.xsd" xmlns:cff="http://www.decellc.org/schema/2012/01/cff-tt-meta" ttp:frameRateMultiplier="1000 1001" ttp:frameRate="24" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xml:lang="es" xmlns:ttm="http://www.w3.org/ns/ttml#metadata">
    <head>
        <metadata>
            <ttm:title>PROMETEO</ttm:title>
            <ttm:desc>Light My Fire</ttm:desc>
            <ttm:profile>http://www.decellc.org/schema/2012/01/cff-tt-meta</ttm:profile>
        </metadata>
        <styling>
            <style tts:textAlign="center" tts:fontFamily="monospaceSerif" tts:color="black" tts:backgroundColor="white" xml:id="normal" tts:wrapOption="noWrap" tts:fontSize="56%" tts:lineHeight="180%"/>
        </styling>
        <layout>
            <region tts:displayAlign="after" xml:id="bottom" tts:extent="80% 20%" tts:origin="10% 70%" tts:backgroundColor="transparent" tts:showBackground="whenActive"/>
            <region tts:displayAlign="center" xml:id="middle" tts:extent="80% 20%" tts:origin="10% 40%" tts:backgroundColor="transparent" tts:showBackground="whenActive"/>
            <region tts:displayAlign="before" xml:id="top" tts:extent="80% 20%" tts:origin="10% 10%" tts:backgroundColor="transparent" tts:showBackground="whenActive"/>
        </layout>
    </head>
    <body>
        <div region="bottom" style="normal" ttm:role="caption">
            <p tts:textAlign="center" end="00:05:21:04" begin="00:05:14:21">PROMETEO</p>
            <p tts:textAlign="center" end="00:05:44:12" begin="00:05:43:06">Ve por Charlie.</p>
            <p tts:textAlign="center" end="00:05:57:06" begin="00:05:55:14">¡Doctor Holloway!</p>
            <p tts:textAlign="center" end="00:06:01:11" begin="00:06:00:03">¡Charlie!</p>
            <p tts:textAlign="center" end="00:06:11:08" begin="00:06:10:08">¿Qué?</p>
            <p tts:textAlign="center" end="00:06:13:16" begin="00:06:11:20">¡Ven rápido!</p>
        </div>
    </body>
</tt>