html视频前广告,我用html<video>想在播放视频前加载一段几分钟的广告怎么写啊...

雨点打透心脏的1/2处 2022-10-10 11:24 159阅读 0赞

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

window.οnlοad=function()\{

// 我这块是一个页面里多个video标签, 所以需要用id区分

$('.course\_lists').each(function (n) \{

var id = $(this).attr('id');

$(this).find('video').attr('id','video\_'+id);

var i = id.split('\_')\[1\];

guanggao(i)

\})

\}

var guanggao =function(id)\{

// 广告资源

var nextVideo ="video/1.mp4";

var videoPlayer = document.getElementById('video\_lists\_'+id);

var \_cur\_video\_src = videoPlayer.src;

// 目的是为了后边 remove

var handle = function(videoPlayer, nextVideo)\{

videoPlayer.src = nextVideo;

// 自动播放视频时 需搭配 autoplay 和 muted

videoPlayer.autoplay = 'autoplay';

videoPlayer.muted = 'muted';

\}

// 监听 play

videoPlayer.addEventListener('play',handle(videoPlayer, nextVideo),false)

// 监听视频播放完毕 ended

videoPlayer.addEventListener('ended',function ()\{

// 去掉 监听

videoPlayer.removeEventListener('play', handle, false)

videoPlayer.src = \_cur\_video\_src;

// 跳转回之前观看的位置

var currenttime = $("\#lists\_"+id).attr('data-data');//获取每个课程的上次观看时长

$('\#video\_lists\_'+id).on("loadedmetadata", function () \{

videoPlayer.autoplay = false;

videoPlayer.muted = false;

videoPlayer.currentTime = currenttime;

// 禁止快进

var sym\_i;

setInterval(function () \{

var time=videoPlayer.currentTime

if(time-sym\_i>1)\{

videoPlayer.currentTime=sym\_i

\}

sym\_i=videoPlayer.currentTime

\},500);

\});

\},true)

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关推荐一款好用的开源视频播放器（免费无广告）

> mpv是一个自由开源的媒体播放器，它支持多种音频和视频格式，并且具有高度可定制性。mpv的设计理念是简洁、高效和功能强大。 > > 软件特点： > > 1. 开源、跨平

以你之姓@/ 2023年10月15日 07:46/ 0 赞/ 161 阅读

相关 cokemachine值得一看的广告视频

<script LANGUAGE="JavaScript"> </script><script> </script> <script language="javascript

分手后的思念是犯贱/ 2023年07月18日 02:39/ 0 赞/ 23 阅读

相关 HTML video 在原有视频前增加广告视频

需要在播放视频前增加一个广告，实现代码如下： <script> window.onload=function(){ // 我这块是

忘是亡心i/ 2022年12月31日 11:19/ 0 赞/ 177 阅读

相关 html视频前广告,我用html

该楼层疑似违规已被系统折叠隐藏此楼查看此楼 window.οnlοad=function()\{ // 我这块是一个页面里多个video标签, 所以需要用id区分 $(

雨点打透心脏的1/2处/ 2022年10月10日 11:24/ 0 赞/ 160 阅读

相关 html先播放广告播放视频,我用html

该楼层疑似违规已被系统折叠隐藏此楼查看此楼 window.οnlοad=function()\{ // 我这块是一个页面里多个video标签, 所以需要用id区分 $(

约定不等于承诺〃/ 2022年10月07日 15:53/ 0 赞/ 126 阅读

相关 java实现几分钟前，几小时前，几天前的代码

代码下载地址：[http://www.zuidaima.com/share/1550463224564736.htm][http_www.zuidaima.com_share_

绝地灬酷狼/ 2022年08月23日 15:47/ 0 赞/ 252 阅读

相关 iPad视频软件怎么去广告

[看视频最讨厌的就是广告][Link 1]了，那么对于讨厌的广告，除了会员可以关闭，还有没有其他不用花钱的技巧。小编整理了：软件教程：iPad视频软件怎么去广告?一起来了解一下

我不是女神ヾ/ 2022年07月14日 23:38/ 0 赞/ 608 阅读

相关几秒前，几分钟前，几小时前，几天前，几月前，几年前的java实现

在代码开发的时候，特别是那种论坛啊什么的要返回“几秒前，几分钟前，几小时前，几天前，几月前，几年前”这样的时间格式，服务端那边只肯返回yyyy-MM-dd HH:mm:ss的格

淩亂°似流年/ 2022年06月01日 12:42/ 0 赞/ 353 阅读

相关 java实现几分钟前，几小时前，几天前的代码

代码下载地址：[http://www.zuidaima.com/share/1550463224564736.htm][http_www.zuidaima.com_share_

叁歲伎倆/ 2022年04月13日 10:38/ 0 赞/ 328 阅读

相关 HTML视频：视频播放网页

这HTML视频：视频播放网页任务描述相关知识使用HTML5 video元素播放属性嵌入视频网站播放

阳光穿透心脏的1/2处/ 2021年05月16日 20:37/ 0 赞/ 820 阅读