apaCara
.com
editor
HTML
CSS
JS
PREVIEW
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Demo HTML track tag by:apacara.com</title> <style> body { font-family: verdana, sans-serif; font-size: 14px; margin:2em auto; background: #444; color:white; text-align:center; } p {margin-top:3em;} video { -webkit-box-reflect: below 3px -webkit-linear-gradient(top, transparent, transparent 80%, rgba(255,255,255,0.2)); } ::cue { font-family: verdana, sans-serif; font-size: 1.1em; background: transparent; color: white; text-shadow: 0 0 3px #000; } </style> </head> <body> <video width="320" height="240" controls> <source src='/media/video/halwa.mp4' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src='/media/video/halwa.ogv' type='video/ogg; codecs="theora, vorbis"'> <source src="/media/video/halwa.webm" type='video/webm; codecs="vp8, vorbis"'> <track label="English" kind="subtitles" srclang="en" src="/media/video/subtitles-en.vtt"> <track label="Indonesian" kind="subtitles" srclang="id" src="/media/video/subtitles-id.vtt" default> Browser Anda tidak mendukung HTML video tag. </video> <p>Contoh yang ini menggunakan dua <track> element dengan dua subtitle, Bahasa Indonesia dan Bahasa Inggris dengan sedikit tambahan CSS styles. </p> <p><strong>Perhatian</strong>: Jika subtitle tidak muncul, kemungkinan browser tidak support track element.</p> </body> </html>
/* CSS code */
// javascript code