Merge pull request #8 from BuildFire/fix/ios-17-video-autoplay

Fix/ios 17 video autoplay
BuildFire · Dec 9, 2024 · 6716481 · 6716481
2 parents 4f3a9be + ec73089
commit 6716481
Show file tree

Hide file tree

Showing 25 changed files with 4,955 additions and 1,033 deletions.
diff --git a/karma.conf.js b/karma.conf.js
@@ -24,9 +24,6 @@ module.exports = function (config) {
             './bower_components/angular-ui-tinymce/src/tinymce.js',
             './bower_components/tinymce-dist/tinymce.min.js',
             //'./bower_components/angular-sanitize/angular-sanitize.min.js',
-            './bower_components/videogular/videogular.min.js',
-            './bower_components/videogular-controls/vg-controls.min.js',
-            './bower_components/videogular-overlay-play/vg-overlay-play.min.js',
             './bower_components/ng-videosharing-embed/build/ng-videosharing-embed.min.js',
             './test/assets/buildfire.js',
             './control/design/**/*.js',

diff --git a/plugin.json b/plugin.json
@@ -1,5 +1,5 @@
 {
-  "author": "BuildFire",
+  "author": "Buildfire",
   "pluginName": "Media Center Manual Playlist",
   "pluginDescription": "Media Center Manual Playlist is a companion plugin to the Media Center Manual plugin. Media Center Manual Playlist allows users to save media items like video and audio from multiple instances of Media Center Manual to a single global playlist",
   "supportEmail": "[email protected]",

diff --git a/widget/app.js b/widget/app.js
@@ -12,12 +12,6 @@
             'ui.bootstrap',
             'infinite-scroll',
             "ngSanitize",
-            "com.2fdevs.videogular",
-            "com.2fdevs.videogular.plugins.controls",
-            "com.2fdevs.videogular.plugins.overlayplay",
-            "rc-videogular.plugins.youtube",
-            "rc-videogular.plugins.vimeo",
-            // "videosharing-embed",
             "ngTouch"
         ])
         //injected ngRoute for routing
@@ -199,10 +193,10 @@
                 } else {
                     buildfire.navigation._goBackOne()
                     if (!$rootScope.$$phase) $rootScope.$digest();
-                }; 
+                };
             }
 
-            $rootScope.$on('$routeChangeSuccess', () => { 
+            $rootScope.$on('$routeChangeSuccess', () => {
                 var path = $location.path();
                 if (path.indexOf('/media') == 0 || path.indexOf('/nowplaying') == 0) {
                     $rootScope.showGlobalPlaylistButtons = false;
@@ -213,7 +207,6 @@
 
             buildfire.device.onAppBackgrounded(function () {
                 $rootScope.$emit('deviceLocked', {});
-                //callPlayer('ytPlayer', 'pauseVideo');
             });
         }]);
 

diff --git a/widget/assets/css/media.css b/widget/assets/css/media.css
@@ -117,18 +117,6 @@ h5{
     justify-content: space-between;
 }
 
-.media-header-link {
-    flex-shrink: 0;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0;
-}
-
-.media-header-link .btn.btn-icon {
-    margin-left: auto;
-}
-
 .btn.btn-icon {
     background-color: transparent;
     border: 0;
@@ -204,7 +192,7 @@ h5{
     margin-right: 0;
 }
 
-@media (max-height: 600px) { 
+@media (max-height: 600px) {
     .holder.now-playing .media-holder, .holder.now-playing .media-holder .media-inner img {
         max-height: 120px;
         max-width: 120px;
@@ -238,12 +226,6 @@ h5{
     justify-content: space-between;
 }
 
-.holder.now-playing .media-player-info, .media-header-link, .media-player-btns, .slider {
-    width: 100%;
-    max-width: 600px;
-    margin: 0 auto;
-}
-
 .holder.now-playing .media-player-info, .media-player-btns {
     flex-shrink: 0;
     display: flex;
@@ -477,7 +459,7 @@ button.btn-icon.btn-lg {
     border-top-left-radius: 8% ;
     border-top-right-radius: 8%;
 }
-  
+
 #countdownOverlay  .overlay-content {
     position: relative;
     top: 25%;
@@ -500,79 +482,3 @@ button.btn-icon.btn-lg {
 #countdownOverlay.h30 {
     height: 30%;
 }
-
-#videogularElement .vid-play-pause-btn,
-#videogularElement .next-item-btn,
-#videogularElement .prev-item-btn,
-#videogularElement .volume-btn,
-#videogularElement .fullscreen-btn {
-    width: 20px;
-    padding: 0 0.32rem;
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
-    cursor: pointer;
-}
-
-#videogularElement vg-mute-button {
-    width: 32px !important; 
-}
-
-#videogularElement .iconButton {
-    border: none !important;
-}
-
-#videogularElement .next-item-btn .iconButton,
-#videogularElement .prev-item-btn .iconButton {
-    vertical-align: text-top;
-}
-
-#videogularElement .next-item-btn .iconButton i,
-#videogularElement .prev-item-btn .iconButton i {
-    color: white !important;
-    top: -1px;
-}
-
-#videogularElement vg-volume-bar .verticalVolumeBar {
-    position: fixed !important;
-}
-
-videogular .iconButton, [videogular] .iconButton,
-#videogularElement .next-item-btn .iconButton {
-    padding: 6px 4px !important;
-}
-
-#videogularElement .next-item-btn .iconButton {
-    margin-right: 0.8rem;
-}
-
-#videogularElement .iconButton i {
-    font-size: 13px;
-    top: -1px;
-}
-
-#videogularElement > vg-controls > div > vg-scrub-bar {
-    width: 100%;
-}
-
-#videogularElement .vid-time {
-    font-size: 15px;
-    width: 55px;
-    padding-left: 1.2rem;
-    padding-right: 0.3rem;
-}
-
-/* .layout2 .people-holder {
-    display: flex;
-}
-
-.layout2 .people-media img {
-    flex-shrink: 0;
-    width: 35%;
-    padding: .75rem;
-}
-
-.layout2 .people-info p {
-    font-size: .875rem;
-    text-align: left;
-} */