已解決430363個問題，去搜搜看，總會有你想問的

視頻播放結束后添加事件

首頁猿問視頻播放結束后添加事件

視頻播放結束后添加事件

JavaScript

回首憶惘然 2023-04-27 17:15:34

在 Laravel 項目中，我有視頻 vjs 播放器，如下代碼所示：<video id="my-video" class="video-js " controls preload="auto" width="100%" height="auto" poster={{asset('images/'.$course->id.'.png')}} data-setup='{"fluid": true}' > <source src="{{asset('promos/'.$course->id.'.mp4')}}" /> <source src="{{asset('promos/'.$course->id.'.mp4')}}" /></video>我想在播放視頻結束后執行操作（將數據添加到服務器），我這樣做了但不起作用：<script> var vid = document.getElementById("my-video"); vid.onended = function() { alert("The video has ended");};</script>我該如何解決這個問題？

查看完整描述

2 回答

一只名叫tom的貓

TA貢獻1906條經驗獲得超3個贊

我希望其中之一有幫助

var options = {};

var player = videojs('my-video', options, function onPlayerReady() {

this.on('ended', function() {

//do something here...

});

或者

var player = document.getElementById("my-video");

player.addEventListener("ended", function() {

//do something here...

});

反對回復 2023-04-27

富國滬深

TA貢獻1790條經驗獲得超9個贊

由于 Jsplayer 無法正常工作，我使用了 html5 視頻播放器，它很好：-

<video oncontextmenu="return false;" width="100%" height="auto" controls id="player"

controls controlsList="nodownload" poster="{{asset('images/'.$course->id.'.png')}}"

onended="alert('it is worked')">

<source src="{{asset('promos/'.$course->id.'.mp4')}}" type="video/mp4">

<source src="{{asset('promos/'.$course->id.'.m4v')}}" type="video/ogg">

</video>

反對回復 2023-04-27

2 回答
0 關注
167 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

視頻播放結束后添加事件

視頻播放結束后添加事件

2 回答

添加回答