问浅谈LeanBack播放器的全功能
EN

Stack Overflow用户

提问于 2013-06-24 04:33:20

回答 1查看 1.3K关注 0票数 2

我正在使用LeanBack播放器来提供HTML5播放。到目前为止，我拥有的代码是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>LBP Test Page</title>
<!-- LeanBack Player - CSS Theme -->
<link rel="stylesheet" media="screen" type="text/css" href="css.player/leanbackPlayer.default.css" />
<!-- LeanBack Player - JS Source -->
<script type="text/javascript" src="./js.player/leanbackPlayer.pack.js"></script>
<!-- LeanBack Player Translation(s) (Examples) - JS Source -->
<script type="text/javascript" src="./js.player/leanbackPlayer.en.js"></script><!-- LeanBack Player - English Translation -->
<script type="text/javascript" src="./js.player/leanbackPlayer.de.js"></script><!-- LeanBack Player - German Translation -->
<script type='text/javascript' src='./jwplayer/swfobject.js'></script>
<script type='text/javascript' src='./jwplayer/jwplayer.js'></script>
<script type="text/javascript">
  LBP.options = {
    // show controls bar below video-viewport; default is "false"
controlsBelow: true,
// (delayed) hiding of LB player controls; default is "true"
hideControls: false,
// show playbackrate element in controls bar to change between "playbackRates"
// only available if supported by browser (if set to "true"); default is "false"
showPlaybackRates: true,
// if playbackrates should be extended; by default following are available
playbackRates: [0.5, 1, 1.3, 1.6, 2],
showSubtitles: true,
  }
</script>
</head>

<body>
<div class="leanback-player-video"> 
  <!-- HTML5 Video Element -->
  <video width="640" height="360" preload="auto" autoplay controls poster="http://leanbackplayer.com/videos/poster/elephants_dream_640x360.jpg"> 
    <!-- HTML5 Video Source(s) -->
    <source src="http://d1odafv1k9dwyc.cloudfront.net/classroom/classroom_01a.mp4" type='video/mp4'; />
    <track enabled="true" kind="subtitles" label="English" srclang="en" type="text/x-srt" src="./subtitles/classroom_01a.srt"></track>
    }); </video>
   </div>
</body>
</html>

我需要检测视频何时完成。我该怎么做呢？

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-24 04:40:05

您可以查看html5视频tags doc和this blog..

所以你可以添加一个偶数来测试视频是否结束：

var myVideo = document.getElementsByTagName('video')[0];

    myVideo.onended = function(e) {
      //do something
    }

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17265040

复制

相似问题

问浅谈LeanBack播放器的全功能
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问浅谈LeanBack播放器的全功能EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问浅谈LeanBack播放器的全功能
EN