Question

jquery实现点击一张图片触发视频播放按钮

我的js代码，已经引用了jquery，
<script type="text/javascript">
$(function(){
$('#controlpic').click(function(){
$(this).css('display','none');
$('object').controls.play();//这个代码不能触发视频播放吗？
})
})
</script>
谁知道怎么解决吗？

Answer 1

<script type="text/javascript">
    //在页面初始化时为图片绑定点击事件
    $(function(){
        $("#controlpic").click(function(){
            //此处写点击触发的操作
            $(this).css("display","none");
            //1、取得播放器的对象
            var objVideo=$("#diveoID");
            //2、调用视频播放API
            objVideo.play();
            
            //视频停止API
            //objVideo.pause();
        });
    });
</script>

Answer 2

document.getElementById("myVideo")是不等于$("#myVideo)的
$()获得的是JQ对象 而JS获得是HTML DOM对象
document.getElementById("myVideo")==$("#myVideo)[0]
所以这样写
$('object')[0].play();