Fix | Vue-plyr CORS issue (#9790)

* Added Video player

Added vue-plyr as the video play

* Create node.js.yml

* Delete node.js.yml

* Added vue-plyr into pnpm-lock.yaml

* tweak

* Fixed the pnpm-lock.yaml

For some reason on the dependencies there was to instances of vue-plyr

* Added MkMediaAudio

* Update MkMediaList.vue

* CORS checks

* Update MkMediaVideo.vue

* Update MkMediaVideo.vue

* Fixed CORS

the property made the video player use the CORS policy that stopped instance not using media caching not able to load the video from remote instance

---------

Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>

packages/frontend/src/components/MkMediaList.vue

@@ -30,6 +30,8 @@ const props = defineProps<{
 	raw?: boolean;
 }>();
 
+console.log(MediaList.toString)
+
 const gallery = ref(null);
 const pswpZIndex = os.claimZIndex('middle');
 

packages/frontend/src/components/MkMediaVideo.vue

@@ -9,8 +9,6 @@
 	<vue-plyr>
 		<video
 			controls
-			crossorigin
-			playsinline
 			:data-poster="video.thumbnailUrl"
 		>
 			<source