Embedding subtitle files to an HTML 5 video

D

dalooroorl

Newbie

Sep 15, 2013

15

0

• Nov 2, 2014

• #1

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?

 

Last edited: Nov 2, 2014

Conor

Elite Member

Nov 7, 2012

3,621

6,217

• Nov 2, 2014

• #2

Check that the full URL is in the embed code. If it says something like //youtube.com, change it to https://youtube.com.

 

D

dalooroorl

Newbie

Sep 15, 2013

15

0

• Nov 2, 2014
• Thread Starter Thread Starter

• #3

here: jsfiddle link -> f7xcehrb

vtt or srt dsnt work

 

Last edited: Nov 2, 2014

Conor

Elite Member

Nov 7, 2012

3,621

6,217

• Nov 2, 2014

• #4

dalooroorl said:

here: jsfiddle link -> f7xcehrb

vtt or srt dsnt work

Click to expand...

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.

 

Diplomat

Elite Member

Jr. VIP

Oct 25, 2011

1,649

933

• Nov 2, 2014

• #5

I'd suggest using http://www.jwplayer.com/

--

// is there so it would work with HTTP and HTTPS

so.. //blackhatworld.com would work
http://blackhatworld.com in HTTP environment and
https://blackhatworld.com in HTTPS environment..

Treeofl1 said:

Check that the full URL is in the embed code. If it says something like //youtube.com, change it to https://youtube.com.

Click to expand...

 

S

Sheraf

Registered Member

Jan 19, 2014

61

7

• Nov 2, 2014

• #6

[TD="class: line-content"]Use VTT format, put that line inside the video tag.

<track label="English subtitles" kind="captions" srclang="en" src="your/caption.vtt" default>[/TD]

[TD="class: line-number"][/TD]

 

D

dalooroorl

Newbie

Sep 15, 2013

15

0

• Nov 3, 2014
• Thread Starter Thread Starter

• #7

Its working now

Here: jsfiddle.net/ f7xcehrb /5/

 

Last edited: Nov 3, 2014