关于HTML5 video标签去掉播放控件的示例

2019-07-26  本文已影响0人  諾口壹生

首先:

    HTML 里删除controls属性例:

            <diveo id="video" src="pm4/souguang.mp4" style="object-fit: fill" muted="false" autoplay loop>

            </diveo>

    注:autoplay 自动播放

            loop  循环播放

JS代码:

        var myVid=document.getElementById("video");

            //其他移动端浏览器只能让用户自己触发

            $(window).on('touchstart', function(){

                $("video")[0].play();

                myVid.muted=false;

            });

            // 兼容微信(微信可以自动播放)

            document.addEventListener("WeixinJSBridgeReady", function () {

                $("video")[0].play();

                myVid.muted=false;

                plays();

            }, false);

            function plays(){

                    document.getElementById('video').play();//有时安卓机可能会没有声音

            }

上一篇下一篇

猜你喜欢

热点阅读