玩家開發者基本知識:進階播放程式碼
在本主題中,您將學習如何以編程方式自動播放視頻。
步驟
- 從標準的最佳實踐代碼開始,以編程方式進行控制 玩家;選手。
<video id="myPlayerID"
data-video-id="5785633544001"
data-account="921483702001"
data-player="Uj7Yz80yM"
data-embed="default"
data-application-id=""
controls=""
width="640"
height="360"></video>
<script src="//players.brightcove.net/921483702001/Uj7Yz80yM_default/index.min.js"></script>
<script>
videojs.getPlayer('myPlayerID').ready(function() {
var myPlayer = this;
});
</script>
- 在匿名函數中
videojs.getPlayer()
方法,按照變量分配,將播放器靜音,使其可以自動播放。
myPlayer.muted(true);
- 使用播放器的
on()
為該事件添加事件處理函數的方法loadedmetadata
事件。
myPlayer.on('loadedmetadata', function(){
});
- 在事件處理程序中,播放視頻。
myPlayer.play()
完整的程式碼
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
<video id="myPlayerID"
data-video-id="5785633544001"
data-account="921483702001"
data-player="Uj7Yz80yM"
data-embed="default"
data-application-id=""
controls=""
width="640"
height="360"></video>
<script src="//players.brightcove.net/921483702001/Uj7Yz80yM_default/index.min.js"></script>
<script>
videojs.getPlayer('myPlayerID').ready(function() {
var myPlayer = this;
// Play here? Two tasks to do
myPlayer.muted(true);
myPlayer.on('loadedmetadata', function(){
myPlayer.play();
});
});
</script>
</body>
</html>