分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

JS的video获取时长,出现问题汇总

发布时间:2023-09-06 01:37责任编辑:彭小芳关键词:暂无标签
<video id="my_video_1" controls="controls" style=" width: 700px; height: 420px; margin: 0 auto; padding-top: 0px;"> <source src="@ViewBag.Url " type="application/x-mpegURL"> </video>

1,video在一部分手机可以播放,然而在一部分手机不可以播放的原因:这两个属性没添加 controls="controls"和autoplay="autoplay"

2,使用JQ获取video对象获取时长报错,根据我的调试发现,然而使用源生JS获取video对象获取时长成功:

获取不了:

$("#my_video_1").duration

获取时长:

document.getElementById("my_video").duration;

3,异步绑定获取video地址,后获取时长问题:

1》异步没success获取时长是失败的,一直为NAN

 ???????var video = document.getElementById("my_video_1"); ???????$.ajax({ ???????????type: "POST", ???????????url: "/Home/getVidUrl", ???????????data: "", ???????????success: function (json) { ???????????????if (json != "") { ???????????????????getVidDur(); ???????????????????$("#test").append(" <video id=‘my_video_" + i + "‘ controls=‘controls‘ style=‘ width: 100px; height: 200px; margin: 0 auto; padding-top: 0px;‘> <source src=‘" + json + " ‘ type=‘application/x-mpegURL‘> </video>"); ???????????????????i++; ???????????????????//var video1 = document.getElementById("my_video_" + i + ""); //异步没加载完成获取时长是失败的 ???????????????????//alert(video1.duration) ???????????????????//alert(json); ???????????????} ???????????????else { ???????????????????alert("加载完成"); ???????????????} ???????????}, ???????});

而我们需要写下面方法调用获取:

 function getVidTime() { ???????var json = []; ???????for (var j = 1; j <= i - 1; j++) { ???????????var video = document.getElementById("my_video_" + j); ???????????alert(video.duration); ???????} ??}

JS的video获取时长,出现问题汇总

原文地址:https://www.cnblogs.com/May-day/p/8297975.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved