html5在屏幕上显示track信息代码,Css代码库,德仔网

代码语言

代码分类

【Css】 html5在屏幕上显示track信息

作者:俏 / 发布于2014/11/4/ 537


	<!DOCTYPE html>
	<html lang="en">
	<head>
	 <title>Working with Tracks</title>
	 <style>
	 #player, #info{
	 float: left;
	 }
	 </style>
	 <script>
	 function initiate(){
	 var list = "";
	 var info = document.getElementById('info');
	 var mytrack = document.getElementById('mytrack');
	 var obj = mytrack.track;
	
	 list += "Kind: " + obj.kind;
	 list += "Label: " + obj.label;
	 list += "Language: " + obj.language;
	 info.innerHTML = list;
	 }
	 addEventListener('load', initiate);
	 </script>
	</head>
	<body>
	 <section id="player">
	 <video id="media" width="720" height="400" controls>
	 <source src="trailer.mp4">
	 <source src="trailer.ogg">
	 <track id="mytrack" label="English Subtitles" src="subtitles.vtt" srclang="en" default>
	 </video>
	 </section>
	 <aside id="info"></aside>
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　track　

同语言下

可能有用的

俏贡献的其它代码(10)