1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Embedding subtitle files to an HTML 5 video

Discussion in 'HTML & JavaScript' started by dalooroorl, Nov 2, 2014.

  1. dalooroorl

    dalooroorl Newbie

    Joined:
    Sep 15, 2013
    Messages:
    15
    Likes Received:
    0
    Hi, i want to embed a video, for exemple, an episode from WD with subtitles, the thing is, locally the video runs, but not im my site, and subitles dont work either.

    does anyone know a good player (embed code) that actually works? :D
     
    Last edited: Nov 2, 2014
  2. Conor

    Conor Jr. VIP Jr. VIP

    Joined:
    Nov 7, 2012
    Messages:
    3,354
    Likes Received:
    5,415
    Gender:
    Male
    Location:
    South Africa
    Home Page:
  3. dalooroorl

    dalooroorl Newbie

    Joined:
    Sep 15, 2013
    Messages:
    15
    Likes Received:
    0
    here: jsfiddle link -> f7xcehrb

    vtt or srt dsnt work
     
    Last edited: Nov 2, 2014
  4. Conor

    Conor Jr. VIP Jr. VIP

    Joined:
    Nov 7, 2012
    Messages:
    3,354
    Likes Received:
    5,415
    Gender:
    Male
    Location:
    South Africa
    Home Page:
    Try uploading the video to a different server, and embedding it again. When I navigate directly to the supposed URL of your video, I get a "Wrong IP" error.
     
  5. Diplomat

    Diplomat Jr. VIP Jr. VIP Premium Member

    Joined:
    Oct 25, 2011
    Messages:
    872
    Likes Received:
    409
    Occupation:
    CEO
  6. Sheraf

    Sheraf Registered Member

    Joined:
    Jan 19, 2014
    Messages:
    61
    Likes Received:
    8
    Use VTT format, put that line inside the video tag. <track label="English subtitles" kind="captions" srclang="en" src="your/caption.vtt" default>
     
  7. dalooroorl

    dalooroorl Newbie

    Joined:
    Sep 15, 2013
    Messages:
    15
    Likes Received:
    0
    Its working now ;)

    Here: jsfiddle.net/ f7xcehrb /5/
     
    Last edited: Nov 3, 2014