feat: set media player preference as enabled by default

- set preference as true
- promote embedded media player as not experimental

components/status/StatusContent.vue

@@ -29,7 +29,7 @@ const hideAllMedia = computed(
     return currentUser.value ? (getHideMediaByDefault(currentUser.value.account) && (!!status.mediaAttachments.length || !!status.card?.html)) : false
   },
 )
-const embeddedMediaPreference = usePreferences('experimentalEmbeddedMedia')
+const embeddedMediaPreference = usePreferences('showEmbeddedMediaPlayer')
 const allowEmbeddedMedia = computed(() => status.card?.html && embeddedMediaPreference.value)
 </script>
 

composables/settings/definition.ts

@@ -29,10 +29,10 @@ export interface PreferencesSettings {
   enablePinchToZoom: boolean
   useStarFavoriteIcon: boolean
   zenMode: boolean
+  showEmbeddedMediaPlayer: boolean
   experimentalVirtualScroller: boolean
   experimentalGitHubCards: boolean
   experimentalUserPicker: boolean
-  experimentalEmbeddedMedia: boolean
 }
 
 export interface UserSettings {
@@ -86,10 +86,10 @@ export const DEFAULT__PREFERENCES_SETTINGS: PreferencesSettings = {
   enablePinchToZoom: false,
   useStarFavoriteIcon: false,
   zenMode: false,
+  showEmbeddedMediaPlayer: true,
   experimentalVirtualScroller: true,
   experimentalGitHubCards: true,
   experimentalUserPicker: true,
-  experimentalEmbeddedMedia: false,
 }
 
 export function getDefaultUserSettings(locales: string[]): UserSettings {

pages/settings/preferences/index.vue

@@ -51,6 +51,16 @@ const userSettings = useUserSettings()
       >
         {{ $t('settings.preferences.enable_autoplay') }}
       </SettingsToggleItem>
+      <!-- Embedded Media -->
+      <SettingsToggleItem
+        :checked="getPreferences(userSettings, 'showEmbeddedMediaPlayer')"
+        @click="togglePreferences('showEmbeddedMediaPlayer')"
+      >
+        {{ $t('settings.preferences.embedded_media') }}
+        <template #description>
+          {{ $t('settings.preferences.embedded_media_description') }}
+        </template>
+      </SettingsToggleItem>
       <SettingsToggleItem
         :checked="getPreferences(userSettings, 'unmuteVideos')"
         @click="togglePreferences('unmuteVideos')"
@@ -150,16 +160,7 @@ const userSettings = useUserSettings()
         <span aria-hidden="true" block i-ri-flask-line />
         {{ $t('settings.preferences.title') }}
       </h2>
-      <!-- Embedded Media -->
-      <SettingsToggleItem
-        :checked="getPreferences(userSettings, 'experimentalEmbeddedMedia')"
-        @click="togglePreferences('experimentalEmbeddedMedia')"
-      >
-        {{ $t('settings.preferences.embedded_media') }}
-        <template #description>
-          {{ $t('settings.preferences.embedded_media_description') }}
-        </template>
-      </SettingsToggleItem>
+
       <SettingsToggleItem
         :checked="getPreferences(userSettings, 'experimentalVirtualScroller')"
         @click="togglePreferences('experimentalVirtualScroller')"