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

需要在播放视频前增加一个广告，实现代码如下：

<script>window.onload=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)})}// 贴片广告 2020-12-29 13:42:19 刘啸宇var guanggao =function(id){// 广告资源var nextVideo ="/ceshi.mp4";var videoPlayer = document.getElementById('video_lists_'+id);var _cur_video_src = videoPlayer.src;// 目的是为了后边 remove var handle = function(videoPlayer, nextVideo){videoPlayer.src = nextVideo;// 自动播放视频时 需搭配 autoplay 和 mutedvideoPlayer.autoplay = 'autoplay';videoPlayer.muted = 'muted';}// 监听 playvideoPlayer.addEventListener('play',handle(videoPlayer, nextVideo),false)// 监听视频播放完毕 endedvideoPlayer.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.currentTimeif(time-sym_i>1){videoPlayer.currentTime=sym_i}sym_i=videoPlayer.currentTime},500);});},true)}</script>

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

WKFZ广告分为集约广告视频和单方广告视频
WKFZ广告分为集约广告视频和单方广告视频 WKF ...
html video 加广告,视频加入广告,如何在视频中插入一段广告视频,视频加广告的方法...
经常在网上看视频的朋友们都知道,特别是有时候在视频软件上面看到一个特别感兴趣的视频内容的时候,播到一半竟然有一则插播的广告!但是我们在看之前并不知道会有这么一段广告的植入,所以只好等它广告播完了再继续 ...
android广告视频播放,一种解决android广告视频启播前黑屏的方法与流程
本发明涉及数字视频技术领域,具体的说,是一种解决android广告视频启播前黑屏的方法. 背景技术: 目前,Android系统已经作为普遍的智能电视平台出现在我们面前,为了提升电视平台的运营价值,很多 ...
织梦dedecms广告管理增加广告图片上传功能
织梦的广告位管理是一个不错的插件内部插件,但是dedecms的广告管理功能稍微有点次,不能直接上传图片生成图片链接本文就是在dedecms广告管理原有的基础上增加广告图片上传功能. 安装方法,对应自 ...
解决 CHROME FLASH 不能自动播放的问题及加载视频前的“黑色背景”如何改变
chrome中flash不能自动播放,相信很多人都遇到了这个问题,网上检索的话,很多都会提到添加muted,当时尝试了这个方法,根本不起作用.后来慢慢发现一种情况:当单独在根节点中放入video后,可 ...
提升Facebook广告视频营销水平的8种方法！
在Facebook上通过视频进行营销可以是一种在使用更具动态性的广告素材的同时将信息传达给目标受众的好方法.大多数人都喜欢观看视频. 唯一的问题?视频营销对于那些没有做过的人来说可能是令人生畏的. 在 ...
pb dw graph增加series_如何快速增加tiktok视频的播放量
TikTok作为时下最火的社交媒体平台,拥有将近10亿的用户量,并且需多顶级影响者已经从中获取到了大量收益,因此大家都想要在TikTok上获得更多的观看次数并获得更多的粉丝. 我们编制了本指南,指出了 ...
vue上传大文件/视频前后端（java）代码
vue上传大文件/视频前后端(java)代码一.上传组件二.后端java代码注意: 一.上传组件 <template><div>&l ...
QQ浏览器劫持video标签加载自己的广告（怎么解决？）
QQ浏览器劫持video标签加载自己的广告(怎么解决?) QQ浏览器真的不讲一点规则,强制劫持视频video标签,这已经很 XX 了吧?还在视频结束时加载他们自己的广告,这... 就无语了. 相信开发 ...

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

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

最新文章

热门文章