programming difficulties with addcue

I don't know if this forum is appropriate for programming mistakes, but here is a problem I'm running into.  I have the following code:
    $(document).ready(function () {
                 myPlayer = document.getElementById("player");
            var myTextTrack;
        
           
         myTextTrack = myPlayer.addTextTrack( 'subtitles','myLabel','en' );
var cue0 = new TextTrackCue(3.400,18.190, ' One giant payback');
cue0.id = 'cue0';
myTextTrack.addCue(cue0);
var cue1 = new TextTrackCue(18.190,25.260, ' How can you catch a pink butterfly.!');
cue1.id = 'cue1';
myTextTrack.addCue(cue1);
var cue2 = new TextTrackCue(25.260,32.320, ' one last comment.');
cue2.id = 'cue2';
myTextTrack.addCue(cue2);           
     });The actual video html is:
   
<center>
 <div id="HoldPlayer" style="position:relative">
  
 <video id='player'  controls autoplay width='783' height='587' preload onerror='failed(event)'>
<source src='http://www.rateforsuccess.com/mp4s/big-buck-bunny.webm' type='video/webm' />
This browser does not support this type of video
</video>  
  
 </div>
 </center>I think this should work, but in Internet Explorer I get a message that 'addTextTrack' is an unknown method, and in Chrome, the video plays, but I don't get any subtitles.
Just scanning this - is there something I'm missing?
Thanks,
Gideon