手机端 video 视频自动播放方法

Posted shark1100913

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手机端 video 视频自动播放方法相关的知识,希望对你有一定的参考价值。

//创建一个video标签
    var __video = $("#video").appendTo(‘.i-i-video‘);
    //设置视频文件地址
    __video.attr(‘src‘,"http://vd3.bdstatic.com/mda-jjuinqnj6b758kdq/sc/mda-jjuinqnj6b758kdq.mp4");
    //创建临时使用的a标签
    var __tmpA = __tmpA || $("#goDetail").appendTo(‘.i-i-video‘);
    //给标签绑定事件,在标签中播放视频
    __tmpA.unbind(‘bind‘).bind(‘click‘,function (e) {
        e.preventDefault();
//通过先暂停,再播放的方式实现在ios中自动播放的效果
        __video[0].play();
        __video[0].pause();
        __video[0].play();
    }).click();
    });

 

以上是关于手机端 video 视频自动播放方法的主要内容,如果未能解决你的问题,请参考以下文章

手机浏览器自动播放视频video(设置autoplay无效)的解决方案

解决手机微信浏览器视频自动播放和默认全屏问题

关于H5视频自动播放问题

如何实现html5 video标签 手机浏览器播放视频事件判定播放中的视频超出电手机的浏览范围后视频暂停播放

PC端和移动端都支持视频video自动播放的代码

PC端和移动端都支持视频video自动播放的代码