Javascript 如何在jQuery上下文中使用视频DOM方法load()
我想用 我得到的Javascript 如何在jQuery上下文中使用视频DOM方法load(),javascript,jquery,html5-video,Javascript,Jquery,Html5 Video,我想用 我得到的jQuery.fn.load()已被弃用 此外,这项工作: $('.activ').mouseover(function(){ document.getElementById("videologo2").load(); }); 这是HTML上下文 <div id="solapa" class="close"> <div class="logo"> <video id="videologo2" autoplay loop muted
jQuery.fn.load()已被弃用
此外,这项工作:
$('.activ').mouseover(function(){
document.getElementById("videologo2").load();
});
这是HTML上下文
<div id="solapa" class="close">
<div class="logo">
<video id="videologo2" autoplay loop muted>
<source class="webm_src" src="ruido.webmsd.webm" type="video/webm">
<source class="ogg_src" src="ruido.oggtheora.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
</div>
</div>
这是解决方案的狙击手
$('#按钮-1-js')。单击(函数(){
console.log('button-1-js');
document.getElementById(“mp4_src”).src=”http://stage.margenesdelarte.org/app/themes/mrg/dist/images/video/actividades.mp4.mp4";
document.getElementById(“webm_src”).src=”http://stage.margenesdelarte.org/app/themes/mrg/dist/images/video/actividades.webmsd.webm";
document.getElementById(“ogg_src”).src=”http://stage.margenesdelarte.orgapp/themes/mrg/dist/images/video/actividades.oggtheora.ogv";
//document.getElementById(“videologo”).load();
$(“#videologo”).get(0.load();
});
$('#button-2-js')。单击(函数(){
console.log('button-2-js');
document.getElementById(“mp4_src”).src=”http://stage.margenesdelarte.org/app/themes/mrg/dist/images/video/convoca.mp4.mp4";
document.getElementById(“webm_src”).src=”http://stage.margenesdelarte.org/app/themes/mrg/dist/images/video/convoca.webmsd.webm";
document.getElementById(“ogg_src”).src=”http://stage.margenesdelarte.orgapp/themes/mrg/dist/images/video/convoca.oggtheora.ogv";
//document.getElementById(“videologo”).load();
$(“#videologo”).get(0.load();
});代码>
视频{
垂直对齐:顶部;
}
视频1
视频2
尝试使用此代码
$('.activ').mouseover(function(){
$("#videologo2").get(0).load();
});
您的普通JS示例在调用正确的方法时应该运行良好(与您的jQuery相反,jQuery试图触发视频上的load
事件)。你能解释一下你想让这段代码做什么吗。请注意,仅调用load()
不会对UI产生任何影响。您可能需要在之后调用play()
,如果您想这样做的话是的,谢谢。我正在尝试更改鼠标上某个元素的视频源。为了简单起见,我省略了新的源代码,但我将编辑这个问题以包含所有脚本。仅供参考,@rorymcrossan You是对的。普通JS正在工作。视频没有改变,但这是因为另一个问题,可能与文件路径有关。尝试了它,未成功。当我运行$(“#videologo2”).on(“load”)时,什么也不会发生。实际上..现在可以使用javascript而不是jquery实现更快的解决方案..document.getElementById(“videologo2”).load();美元(“.webm_src”).attr('src','movie.mp4');是的,它起作用了。非常感谢。我将您的答案标记为解决方案,尽管它缺少解释(请参阅问题附件中的新snipet)。
$(document).ready(function(){
$('.activ').mouseover(function(){
$(".webm_src").src = mrg_var.templateDirectoryUri+"/dist/images/video/actividades.webmsd.webm";
$(".ogg_src").src = mrg_var.templateDirectoryUri+"/dist/images/video/actividades.oggtheora.ogv";
$("#videologo2").load();
});
});
$('.activ').mouseover(function(){
$("#videologo2").get(0).load();
});