?

?video 標(biāo)簽（autopaly自動(dòng)播放屬性）

<video id="videoPlay" class="video" autoplay="autoplay" poster="" width="1200" height="100%" style="text-align: -webkit-center; margin: 0 auto;" controls="" preload=""><source src="video/mp4/環(huán)保小視頻.mp4" type="video/mp4"></video>

?

var time; var xutime; var CurrentTime; var RemainingTime;var video = document.getElementById('videoPlay');//播放結(jié)束事件 video.onended = function () {console.log("視頻播放完成");clearInterval(time);clearInterval(xutime); };//播放開(kāi)始事件 video.oncanplay = function () {console.log("視頻播放開(kāi)始");//播放總時(shí)長(zhǎng)RemainingTime = video.duration.toFixed(0);console.log(RemainingTime);//是否可以續(xù)播var TimeInt = TimeIntervalSelect();//可以if (TimeInt > 0) {//播放進(jìn)度加1秒后小于總時(shí)長(zhǎng)，進(jìn)入續(xù)播if (parseFloat(TimeInt) + 1 < parseFloat(RemainingTime)) {if (pd == 0) {console.log(TimeInt);ContinuedBroadcasting(TimeInt);pd = 1;}} //不可以，插入播放進(jìn)度else {TimeInterval();}}//不可以，插入播放進(jìn)度else {TimeInterval();} }
//斷點(diǎn)續(xù)播（秒） function ContinuedBroadcasting(Second) {//斷點(diǎn)續(xù)播播放進(jìn)度推后一秒$('video').prop('currentTime', parseFloat(Second) - 1);
　　 //播放$('video').trigger('play');xutime = setInterval(function () {CurrentTime = video.currentTime.toFixed(1); //播放進(jìn)度（單位：秒）console.log("續(xù)播進(jìn)度:" + CurrentTime);InsetTimeInterval(CurrentTime);}, 1000); }//記錄播放進(jìn)度 function TimeInterval() {if (parseFloat(CurrentTime) > parseFloat(RemainingTime)) {clearInterval(time);}//輪詢插入當(dāng)前播放進(jìn)度time = setInterval(function () {CurrentTime = video.currentTime.toFixed(1); //當(dāng)前播放進(jìn)度（單位：秒）console.log("當(dāng)前進(jìn)度:" + CurrentTime);InsetTimeInterval(CurrentTime);}, 1000); }var id = 0; var pd = 0; $("video").click(function () {if (id == 0) {//播放暫停$('video').trigger('pause');id = 1;clearInterval(time);clearInterval(xutime);} else {//播放繼續(xù)$('video').trigger('play');id = 0;TimeInterval();} })//獲取進(jìn)度 function TimeIntervalSelect() {var Progress;$.ajax({url: "/Video/TimeSelect",type: 'GET',async: false,dataType: 'json',success: function (data) {Progress = data;}});return Progress; }//插入進(jìn)度 function InsetTimeInterval(CurrentTime) {$.ajax({url: "/Video/Time",data: {CurrentTime: CurrentTime },type: 'POST',async: false,dataType: 'json',success: function (data) {}}); }

?

轉(zhuǎn)載于:https://www.cnblogs.com/-Fly/p/7525591.html

總結(jié)

以上是生活随笔為你收集整理的mp4格式-播放和断点续播的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。