video 怎样点击封面图直接播放

[qq_29581839]

在iOS端手机微信访问h5页面里的视频播放器，不可直接点击封面图直接播放（只能点击播放按钮进行播放），有什么好的办法

[碧海情天-赵亮]

在图片的点击事件里用 document.getElementById('theforever').play(); 不行吗？
theforever假设为你的video标签的id（这只是为防止网站采集篡改ID）。

[KK3K2005]

一般 封面页和 播放按钮 不是 都在一起的 手机上就这么小的空间 你还要分开放？

[FeeLinear_iiiiiiiiii]

二楼方法可以实现啊Ex:

    var video=document.getElementById('videoId');
    video.onclick=function(){
        this.play();
    }

[qq_29581839]

没有分开来放，在video加了一个视频封面，poster，在手机APP里视频只能点击按钮才能播放，能不能直接点击画面进行播放呢

[qq_29581839]

再次请教，多个视频该怎么处理？不用id，用类名class呢？

[一饮尽千盅]

引用 4 楼 FeeLinear_iiiiiiiiii 的回复:

二楼方法可以实现啊Ex:

    var video=document.getElementById('videoId');
    video.onclick=function(){
        this.play();
    }

播放到时可以播放了 怎么再点一下停。。。

[业余草]

引用 1 楼 theforever 的回复:

在图片的点击事件里用 document.getElementById('theforever').play(); 不行吗？ theforever假设为你的video标签的id（这只是为防止网站采集篡改ID）。

[霏霏小雨]

<video id="video" controls loop height=540px width=960px> <source src="F:\Videos\视频桌面\初音未来-极乐净土.mov"> <source src="F:\Videos\视频桌面\飞翔的初音.mp4"> </video> <script> var video=document.getElementById('video'); video.onclick=function(){ if(this.paused){ this.play(); }else{ this.pause(); } } </script>

[霏霏小雨]

引用 8 楼 yancr 的回复:

<video id="video" controls loop height=540px width=960px> <source src="F:\Videos\视频桌面\初音未来-极乐净土.mov"> <source src="F:\Videos\视频桌面\飞翔的初音.mp4"> </video> <script> var video=document.getElementById('video'); video.onclick=function(){ if(this.paused){ this.play(); }else{ this.pause(); } } </script>

这样是不是就好了。