/    Sign up×
Community /Pin to ProfileBookmark

Embedded Video Subtitles – Need Experts!

I’ve been pouring over the internet for nearly a week trying to figure this out. This may be one of the least-discussed topics in the universe.

[U]The scenario:[/U]
I have an .mkv file (contains video, audio, subtitles), which is hosted on my web server. If you go to “mywebsite.com/video.mkv” in Google Chrome, the video will be there, ready to play.

[U]The problem:[/U]
The subtitles do not play. The video and audio play flawlessly, but the subtitles do not show up. This same video plays in VLC, WMP, etc. with subtitles.

[U]What I’ve tried:[/U]
Since “mywebsite.com/video.mkv” did not play the subtitles, I separated the subtitle (.ass) file from the video, and hosted that on my web sever as well.

I now have “mywebsite.com/video.mkv” and “mywebsite.com/subtitles.ass”.

I decided to code a simple HTML5 website in Notepad++ as seen below:

[CODE]
<!doctype html>
<html lang=”en”>
<body style=”background-color:#000000;”>

<video src=”http://mywebsite.com/video.mkv” controls>
<track kind=”subtitles” src=”http://mywebsite.com/subtitles.ass” srclang=”en”>
</video>

</body>
</html>
[/CODE]

[U]The result:[/U]
Nothing. The player still does not recognize subtitles.

You can tell by now that I don’t know much about embedding video. Again, this is a very simple example. I just wanted to see if the subtitles would play only using HTML5 within Google Chrome.

I’ve come by numerous articles online about embedding subtitles with different Firefox addons, Jquery, etc. None of these match my scenario (.mkv within Google Chrome). I would love some assistance on this subject.

Meanwhile, I’ll keep pounding my head on the wall. Thank you 😮

to post a comment
HTML

1 Comments(s)

Copy linkTweet thisAlerts:
@PBSWebDesignMar 06.2012 — Well the browser itself may not support that video format along with subtitles. I know Firefox doesn't support MP4 so no matter what videos I embed in HTML5 if its MP4 I can't watch it. So it may be a browser issues as each one defines which video format they support and feature sets as well when it comes to HTML5 videos. Best bet is to put it on youtube with subtitles and just embed it onto your site that way. Then you can keep track of comments and see how many people watched the video on your site etc.
×

Success!

Help @ccsknight spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.23,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...