1

我在我的角度 SPA 应用程序中使用 videogular，尽管我正在使用正确的视频文件设置 src，但对于某些视频，我不断收到错误“无法设置未定义或空引用的属性 'playsInline'”。它适用于某些文件。所有文件均为 .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>
4

0 回答 0