feat: 🚀 Integrate cap-video-player

NUXT/pages/watch.vue

@@ -52,6 +52,9 @@
 </style>
 
 <script>
+import { CapacitorVideoPlayer } from 'capacitor-video-player';
+import { Capacitor } from '@capacitor/core';
+
 import recommended from '../components/recommended.vue';
 export default {
   components: { recommended },

android/app/capacitor.build.gradle

@@ -15,6 +15,7 @@ dependencies {
     implementation project(':capacitor-device')
     implementation project(':capacitor-splash-screen')
     implementation project(':capacitor-status-bar')
+    implementation project(':capacitor-video-player')
 
 }
 

android/app/src/main/AndroidManifest.xml

@@ -15,7 +15,9 @@
             android:name="com.Frontesque.vuetube.MainActivity"
             android:label="@string/title_activity_main"
             android:theme="@style/AppTheme.NoActionBarLaunch"
-            android:launchMode="singleTask">
+            android:launchMode="singleTask"
+            android:resizeableActivity="true"
+            android:supportsPictureInPicture="true">
 
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />

android/app/src/main/assets/capacitor.plugins.json

@@ -22,5 +22,9 @@
 	{
 		"pkg": "@capacitor/status-bar",
 		"classpath": "com.capacitorjs.plugins.statusbar.StatusBarPlugin"
+	},
+	{
+		"pkg": "capacitor-video-player",
+		"classpath": "com.jeep.plugin.capacitor.capacitorvideoplayer.CapacitorVideoPlayerPlugin"
 	}
 ]

android/capacitor.settings.gradle

@@ -19,3 +19,6 @@ project(':capacitor-splash-screen').projectDir = new File('../node_modules/@capa
 
 include ':capacitor-status-bar'
 project(':capacitor-status-bar').projectDir = new File('../node_modules/@capacitor/status-bar/android')
+
+include ':capacitor-video-player'
+project(':capacitor-video-player').projectDir = new File('../node_modules/capacitor-video-player/android')

ios/App/Podfile

@@ -15,6 +15,7 @@ def capacitor_pods
   pod 'CapacitorDevice', :path => '..\..\node_modules\@capacitor\device'
   pod 'CapacitorSplashScreen', :path => '..\..\node_modules\@capacitor\splash-screen'
   pod 'CapacitorStatusBar', :path => '..\..\node_modules\@capacitor\status-bar'
+  pod 'CapacitorVideoPlayer', :path => '..\..\node_modules\capacitor-video-player'
 end
 
 target 'App' do

package.json

@@ -8,6 +8,7 @@
     "@capacitor/core": "^3.4.0",
     "@capacitor/device": "^1.1.2",
     "@capacitor/splash-screen": "^1.2.2",
-    "@capacitor/status-bar": "^1.0.8"
+    "@capacitor/status-bar": "^1.0.8",
+    "capacitor-video-player": "^3.4.1"
   }
 }