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

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)

}

html播放器添加广告,我用htmlvideo想在播放视频前加载一段几分钟的广告 怎么写啊...相关推荐

  1. php文件添加音乐播放器,window_win10系统自带Groove音乐播放器在哪?自带Groove音乐播放器添加音乐等功能的使用教程,   播放器在哪?1 - phpStudy...

    win10系统自带Groove音乐播放器在哪?自带Groove音乐播放器添加音乐等功能的使用教程 播放器在哪? 1.点击桌面的左下端"开始菜单"符号,然后在右上角,找到" ...

  2. 将音乐播放器添加到WordPress网站

    考虑向您的网站添加大量音频? 还是只是一首歌曲的剪辑? 使用WordPress时,有数十种不同的方法可将音乐或音频播放器添加到您的网站. 选择最适合您的选择可能很困难. 在本文中,我们将讨论一些解决方 ...

  3. 如何将免费的WordPress音乐播放器添加到您的网站

    任何允许用户发现,购买,共享或下载音乐或其他声音效果的网站都应始终具有音频播放器. 每个用户都想预览音频或音乐,以确定是否要购买或共享. 为用户提供从网页本身播放此音频的选项,而无需下载任何内容,将带 ...

  4. 为potplayer播放器添加实时中文字幕

    为potplayer播放器添加实时中文字幕 大家好,现在的国外视频引进至国内后,也不再去进行中文配音了,而是直接出中文字幕.而那些不是通过正规途径进入中国的电影.视频,只有英文或者韩文或者其他国家的字 ...

  5. 苹果cms播放器添加教程

    没有选中播放片源无法播放?? 有的朋友采集资源后,播放片源没有自动选择对应的数据没有播放按钮,无法播放.这种情况通常是因为没有添加对应的播放器导致! 需要先在网站后台添加导入对应的播放器,才可以实现播 ...

  6. 苹果cms播放页html,苹果cms播放器添加教程

    没有选中播放片源无法播放?? 有的朋友采集资源后,播放片源没有自动选择对应的数据没有播放按钮,无法播放.这种情况通常是因为没有添加对应的播放器导致! 需要先在网站后台添加导入对应的播放器,才可以实现播 ...

  7. Python—实现本地音乐播放器(添加/播放/暂停/下一首/上一首/音量/打开超链接)

    Python-实现本地音乐播放器(添加/播放/暂停/下一首/上一首/音量/打开超链接) 1.样例 2.分析 1.播放器界面 2.功能 2.1播放器界面 button:添加/播放/暂停/下一首/上一首 ...

  8. java写一个音乐播放器源码_求一个JAVA音乐播放器的源代码

    展开全部 import javax.media.ControllerEvent; import javax.media.ControllerListener; import javax.media.E ...

  9. Web点播播放器1.0——腾讯sdk网页点播播放器

    https://www.qcloud.com/document/product/267/5706 功能介绍 本文档是介绍腾讯云视频点播服务的网页播放器(Web SDK)的使用说明,它可帮助腾讯云客户直 ...

最新文章

  1. php文件什么打开,php文件是什么文件_php文件怎么打开 - 学无忧
  2. Linux4.4 TCP源码分析
  3. 架构编译器框架系统 LLVM 使用简介
  4. 20179214 2017-2018-2 《密码与安全新技术》第七次作业
  5. 手机的基本功能测试---情景模式
  6. 简单的计算机试题,这么简单的MS Office试题基础,一般人都不好意思看!
  7. 交换机用python定时备份
  8. Hbase的基本认识
  9. 使用SAP UI5 Web Components开发React应用
  10. QPS、TPS、并发用户数、吞吐量的关系
  11. php编译称opcode文件,PHP源码保护和性能加速
  12. concurrenthashmap实现原理_Mybatis:PageHelper分页插件源码及原理剖析
  13. python爬取网页实时数据_使用 Python 爬取网页数据
  14. AdvancedInstaller.com 命令行参数
  15. 关于eclipse中maven项目的问题
  16. VIBE算法(二)——算法总结
  17. 有关计算机科学的问卷调查,E问卷:社会调查问卷新形式
  18. python 网络设备巡检_「python」使用SSH进行网络设备巡检
  19. colorbox iframe小记
  20. Python-Scrapy-抓取链家二手房信息

热门文章

  1. Linux添加第二IP地址,Centos 给网卡添加第二个 IP 地址
  2. Amazon S3 Tools 简介及使用
  3. 30K成功入职京东:拿到京东offer经验分享「面试经历+面试真题」
  4. linux m2硬盘驱动,Linux R720挂载M.2固态硬盘
  5. 【Linux 的开胃小菜】JumpServer来袭,开源堡垒机安装及使用教程
  6. 一个码农关于足球的记忆
  7. 苹果电脑全系换上自研芯片,除了不能打电话,比iPhone 12亮眼多了
  8. ERROR: The Compose file ‘./docker/docker-compose-test-net.yaml‘ is invalid because: networks.test va
  9. DVB-S相关术语说明
  10. 打造 PE 和 Linux 二合一U盘启动盘