html播放器添加广告,我用htmlvideo想在播放视频前加载一段几分钟的广告 怎么写啊...
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
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想在播放视频前加载一段几分钟的广告 怎么写啊...相关推荐
- php文件添加音乐播放器,window_win10系统自带Groove音乐播放器在哪?自带Groove音乐播放器添加音乐等功能的使用教程, 播放器在哪?1 - phpStudy...
win10系统自带Groove音乐播放器在哪?自带Groove音乐播放器添加音乐等功能的使用教程 播放器在哪? 1.点击桌面的左下端"开始菜单"符号,然后在右上角,找到" ...
- 将音乐播放器添加到WordPress网站
考虑向您的网站添加大量音频? 还是只是一首歌曲的剪辑? 使用WordPress时,有数十种不同的方法可将音乐或音频播放器添加到您的网站. 选择最适合您的选择可能很困难. 在本文中,我们将讨论一些解决方 ...
- 如何将免费的WordPress音乐播放器添加到您的网站
任何允许用户发现,购买,共享或下载音乐或其他声音效果的网站都应始终具有音频播放器. 每个用户都想预览音频或音乐,以确定是否要购买或共享. 为用户提供从网页本身播放此音频的选项,而无需下载任何内容,将带 ...
- 为potplayer播放器添加实时中文字幕
为potplayer播放器添加实时中文字幕 大家好,现在的国外视频引进至国内后,也不再去进行中文配音了,而是直接出中文字幕.而那些不是通过正规途径进入中国的电影.视频,只有英文或者韩文或者其他国家的字 ...
- 苹果cms播放器添加教程
没有选中播放片源无法播放?? 有的朋友采集资源后,播放片源没有自动选择对应的数据没有播放按钮,无法播放.这种情况通常是因为没有添加对应的播放器导致! 需要先在网站后台添加导入对应的播放器,才可以实现播 ...
- 苹果cms播放页html,苹果cms播放器添加教程
没有选中播放片源无法播放?? 有的朋友采集资源后,播放片源没有自动选择对应的数据没有播放按钮,无法播放.这种情况通常是因为没有添加对应的播放器导致! 需要先在网站后台添加导入对应的播放器,才可以实现播 ...
- Python—实现本地音乐播放器(添加/播放/暂停/下一首/上一首/音量/打开超链接)
Python-实现本地音乐播放器(添加/播放/暂停/下一首/上一首/音量/打开超链接) 1.样例 2.分析 1.播放器界面 2.功能 2.1播放器界面 button:添加/播放/暂停/下一首/上一首 ...
- java写一个音乐播放器源码_求一个JAVA音乐播放器的源代码
展开全部 import javax.media.ControllerEvent; import javax.media.ControllerListener; import javax.media.E ...
- Web点播播放器1.0——腾讯sdk网页点播播放器
https://www.qcloud.com/document/product/267/5706 功能介绍 本文档是介绍腾讯云视频点播服务的网页播放器(Web SDK)的使用说明,它可帮助腾讯云客户直 ...
最新文章
- php文件什么打开,php文件是什么文件_php文件怎么打开 - 学无忧
- Linux4.4 TCP源码分析
- 架构编译器框架系统 LLVM 使用简介
- 20179214 2017-2018-2 《密码与安全新技术》第七次作业
- 手机的基本功能测试---情景模式
- 简单的计算机试题,这么简单的MS Office试题基础,一般人都不好意思看!
- 交换机用python定时备份
- Hbase的基本认识
- 使用SAP UI5 Web Components开发React应用
- QPS、TPS、并发用户数、吞吐量的关系
- php编译称opcode文件,PHP源码保护和性能加速
- concurrenthashmap实现原理_Mybatis:PageHelper分页插件源码及原理剖析
- python爬取网页实时数据_使用 Python 爬取网页数据
- AdvancedInstaller.com 命令行参数
- 关于eclipse中maven项目的问题
- VIBE算法(二)——算法总结
- 有关计算机科学的问卷调查,E问卷:社会调查问卷新形式
- python 网络设备巡检_「python」使用SSH进行网络设备巡检
- colorbox iframe小记
- Python-Scrapy-抓取链家二手房信息
热门文章
- Linux添加第二IP地址,Centos 给网卡添加第二个 IP 地址
- Amazon S3 Tools 简介及使用
- 30K成功入职京东:拿到京东offer经验分享「面试经历+面试真题」
- linux m2硬盘驱动,Linux R720挂载M.2固态硬盘
- 【Linux 的开胃小菜】JumpServer来袭,开源堡垒机安装及使用教程
- 一个码农关于足球的记忆
- 苹果电脑全系换上自研芯片,除了不能打电话,比iPhone 12亮眼多了
- ERROR: The Compose file ‘./docker/docker-compose-test-net.yaml‘ is invalid because: networks.test va
- DVB-S相关术语说明
- 打造 PE 和 Linux 二合一U盘启动盘