最近有个客户需要使用视频背景。电脑倒是好处理。但是手机端不会自动播放。于是找到了这个播放插件

代码获取和使用说明 https://github.com/mediaelement/mediaelement/blob/master/docs/api.md

<!--html-->

  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/mediaelement@4.2.16/build/mediaelementplayer.min.css">

  <div class="player"><!--poster="images/big_buck_bunny.jpg"-->

                        <video id="player1" width="640" height="360" preload="none" controls  style="max-width: 100%" autoplay   playsinline webkit-playsinline>

                            <source src="/1017379468-hd_converted.mp4" type="video/mp4">

                        </video>

                    </div>

                </div>

   <!-- JS加入了 如下参数 AutoPlay:true,features:[''],clickToPlayPause:false, -->

        <script src="https://cdn.jsdelivr.net/npm/mediaelement@4.2.16/build/mediaelement-and-player.min.js"></script>

        <script>          

            document.addEventListener('DOMContentLoaded', function() {

                var mediaElements = document.querySelectorAll('video, audio'), total = mediaElements.length;

                for (var i = 0; i < total; i++) {

                    new MediaElementPlayer(mediaElements[i], {

                        pluginPath: 'https://cdn.jsdelivr.net/npm/mediaelement@4.2.16/build/',

                        shimScriptAccess: 'always',

    loop: true,

AutoPlay:true,features:[''],clickToPlayPause:false,

                        success: function () {

                            var target = document.body.querySelectorAll('.player'), targetTotal = target.length;

                            for (var j = 0; j < targetTotal; j++) {

                                target[j].style.visibility = 'visible';

                            }

            }

            });

                }

            });

        </script>

MediaElementPlayer得参数。