Jquery HTML5动态视频背景
这是我的密码Jquery HTML5动态视频背景,jquery,html,video,event-handling,append,Jquery,Html,Video,Event Handling,Append,这是我的密码 $(“正文”).prepend(“”) 您可以使用loadeddata或canplaythrough事件来检查浏览器是否已加载音频/视频的当前帧。查看可能的视频事件的完整列表 $(“正文”)。前缀( "" ); $(.fullscreen-bg__video”)。在(“loadeddata”,函数()上{ 警报(“视频加载”) }); 。全屏背景{ 位置:固定; 排名:0; 右:0; 底部:0; 左:0; 溢出:隐藏; z指数:-100; } .全屏视频{ 位置:绝对位置; 排
$(“正文”).prepend(“”)
您可以使用loadeddata
或canplaythrough
事件来检查浏览器是否已加载音频/视频的当前帧。查看可能的视频事件的完整列表
$(“正文”)。前缀(
""
);
$(.fullscreen-bg__video”)。在(“loadeddata”,函数()上{
警报(“视频加载”)
});代码>
。全屏背景{
位置:固定;
排名:0;
右:0;
底部:0;
左:0;
溢出:隐藏;
z指数:-100;
}
.全屏视频{
位置:绝对位置;
排名:0;
左:0;
宽度:100%;
身高:100%;
}
@介质(最小纵横比:16/9){
.全屏视频{
宽度:100%;
高度:自动;
}
}
@介质(最大纵横比:16/9){
.全屏视频{
宽度:自动;
身高:100%;
}
}
@介质(最小纵横比:16/9){
.全屏视频{
身高:300%;
前-100%;
}
}
@介质(最大纵横比:16/9){
.全屏视频{
宽度:300%;
左-100%;
}
}
你能创作小提琴吗?或者您可以使用video.addEventListener(“canplaythrough”,function()){event加载的视频是什么意思?是否完全由浏览器下载?@AravindS,问题是当加载所有dom元素时,页面显示时没有视频,当浏览器加载视频一段时间后,视频也会显示。是否可以尝试preload=“none”
并查看它是如何工作的,但当使用preload='none'时,我需要一种方法来确定视频是否已加载。然后只有我才能隐藏预加载程序。@KaleemNalband如果这个答案对您有帮助,请接受并投票。谢谢