Javascript 切换div和更改属性源的Jquery函数
我编辑了这个问题,以便更好地解释我想做的事情。 我有一个页面,页面侧面有一个菜单div,在这个div中,菜单项是从数据库动态创建的,这允许我通过禁用视频控件将视频显示为缩略图。因此,src属性是在菜单视频中动态创建和生成的。在“视频”菜单按钮上执行单击事件时,按钮的源需要传递到“视频播放器源”属性,以便在视频播放器中播放选定的视频。 起初,我考虑使用按钮切换div,然后使用onload或load事件来交换源代码,但我不认为这是一种方法,所以这是动态创建视频按钮的代码 视频按钮Javascript 切换div和更改属性源的Jquery函数,javascript,jquery,html,Javascript,Jquery,Html,我编辑了这个问题,以便更好地解释我想做的事情。 我有一个页面,页面侧面有一个菜单div,在这个div中,菜单项是从数据库动态创建的,这允许我通过禁用视频控件将视频显示为缩略图。因此,src属性是在菜单视频中动态创建和生成的。在“视频”菜单按钮上执行单击事件时,按钮的源需要传递到“视频播放器源”属性,以便在视频播放器中播放选定的视频。 起初,我考虑使用按钮切换div,然后使用onload或load事件来交换源代码,但我不认为这是一种方法,所以这是动态创建视频按钮的代码 视频按钮 <video
<video id="<?php echo $vidID ?>" class="vidContainer">
<source id="vidLink" class="vidLink" src="<?php echo $vidUrl ?>" type="video/ogg">
Your browser does not support the HTML5 tags.
</video>
这里需要做一些轻微的修改!您需要更改源
或视频
$('#vidLink').on('click',function(){
$('#player').toggle();
$('#player source').attr('src','http://www.dot-mov.com/uploadedVideo/testing3/EditBike3.ogv');
$("#player")[0].load(); //If it doesn't play
});
});
编辑
将数据-*
属性添加到按钮#vidLink
中,如数据源
,然后尝试按如下方式获取源:
$('#vidLink').on('click',function(){
$('#player').toggle();
var sourc=$(this).data('source');
$('#player source').attr('src',sourc);
$("#player").load();
$("#player").play();
});
});
我认为所用元素的ID是错误的,它是playermp4
,因此请这样使用:
$('#playermp4').attr('src','http://www.dot-mov.com/uploadedVideo/testing3/EditBike3.ogv');
嗨,我不确定我是否解释得很好,因此我将问题更改为更好的解释,我想感谢您的输入。嗨,我不确定我是否解释得很好,因此我将问题更改为更好的解释,我想感谢您的输入您是否尝试了上述代码?或者上面提到的答案不是你想要的??我尝试了代码,它实现了切换,但是视频没有在播放器中播放,我还需要从按钮获取源属性并将其输入到视频播放器的源属性的能力。我尝试了这一点,但没有成功。正如在页面源代码中看到的来自数据库的视频url的php回显一样,当加载页面时,url是否会显示在source-src标记中?这是可以做到的!!一旦它在源代码或DOM中,您就可以无论如何将其分配给src!!
$('#vidLink').on('click',function(){
$('#player').toggle();
var sourc=$(this).data('source');
$('#player source').attr('src',sourc);
$("#player").load();
$("#player").play();
});
});
$('#playermp4').attr('src','http://www.dot-mov.com/uploadedVideo/testing3/EditBike3.ogv');