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

约定不等于承诺〃 2022-10-07 15:53 125阅读 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 条评论，125人围观）

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

相关阅读

相关 HTML5 视频播放

![Center][] 具体代码实现  <!-- <video src=

冷不防/ 2024年02月17日 17:50/ 0 赞/ 77 阅读

相关 rtsp html播放浏览器视频播放rtsp

从摄像机获取的RTSP[视频][Link 1]流直接在浏览器中播放，这里采用vlc插件进行播放，设置步骤如下 1、下载32位的vlc播放器，安装时选择安装插件，安装路径不要有

男娘i/ 2023年10月13日 19:33/ 0 赞/ 71 阅读

相关 Unity中怎么播放视频

介绍 Unity中怎么播放视频 -------------------- 方法一.首先在场景中新建UI中的Raw Image ![在这里插入图片描述

待我称王封你为后i/ 2023年09月26日 20:55/ 0 赞/ 12 阅读

相关 html 视频播放相关

h5视频微信禁止全屏 x5-playsinline 目前安卓QQ浏览器允许wifi下自动播放、手机QQ允许自动播放、微信不允许自动播放。可以通过＊＊x5videoent

悠悠/ 2023年02月18日 09:47/ 0 赞/ 14 阅读

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

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

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

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

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

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

相关 html5_视频播放

1. 视频播放 <table> <tbody> <tr> <td style="background:rgb(213,213,213);"><p><stro

悠悠/ 2022年05月25日 05:08/ 0 赞/ 402 阅读

相关 html5视频播放

<!DOCTYPE html> <head> <meta charset=utf-8> <title>html5播放器</title>

逃离我推掉我的手/ 2022年03月18日 09:24/ 0 赞/ 437 阅读

相关 html5自动播放视频

html5可以直接播放视频。就用标记`<video>`即可，真好。可是怎么自动播放视频？不是有"autoplay"吗？但是，无效。任凭你设属性，或是`video.pla

男娘i/ 2022年03月01日 14:14/ 0 赞/ 443 阅读

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

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

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