Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery HTML5动态视频背景_Jquery_Html_Video_Event Handling_Append - Fatal编程技术网

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如果这个答案对您有帮助,请接受并投票。谢谢