Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.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
Javascript 如何在jQuery上下文中使用视频DOM方法load()_Javascript_Jquery_Html5 Video - Fatal编程技术网

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();
});