无法设置未定义或空引用的属性'playsInline'

Question

我在我的角度SPA应用程序中使用视频，我不断收到错误“无法为某些视频设置属性'playsInline'的未定义或空引用”虽然我正在使用适当的视频文件设置src。它适用于某些文件。所有文件都是.mp4类型。

有没有人面对这个问题，如果是这样你做了什么来解决它

JS：

 $scope.config = {
                                                sources: [
                                                    { src: videoLoc, type: 'video/mp4' }
                                                ],
                                                theme: '/Content/css/videogular.css',
                                                plugins: {
                                                    poster: $scope.productinfo.trailerlist[i].stillimage['targeturl']
                                                }
                                            };

HTML：

  <videogular vg-theme="config.theme" vg-player-ready="controller.onPlayerReady($API)">
                            <vg-media vg-src="config.sources"></vg-media>
                            <vg-controls>
                                <vg-play-pause-button></vg-play-pause-button>
                                <vg-time-display>{{ currentTime | date:'mm:ss'}}</vg-time-display>
                                <vg-scrub-bar>
                                    <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
                                </vg-scrub-bar>
                                <vg-time-display>{{ timeLeft | date:'mm:ss' }}</vg-time-display>
                                <vg-volume>
                                    <vg-mute-button></vg-mute-button>
                                    <vg-volume-bar></vg-volume-bar>
                                </vg-volume>                                    
                            </vg-controls>
                            <vg-overlay-play></vg-overlay-play>
                            <vg-poster vg-url='config.plugins.poster'></vg-poster>
                        </videogular>