欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

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

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

96 
諾口壹生 关注                    
2019.07.26 18:13 字数 105 阅读 29评论 0喜欢 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();//有时安卓机可能会没有声音

            }

小礼物走一走,来简书关注我

赞赏支持
       

来自 https://www.jianshu.com/p/c0b7778f222e

普通分类: