Add no-cookie option

Author: Techassi

README.md

@@ -47,12 +47,21 @@ createApp(App).use(VueYouTubeIframe).mount('#app');
         :video-id="YT_VIDEO_ID"
         :player-width="WIDTH"
         :player-height="HEIGHT"
+        :no-cookie="TRUE / FALSE"
         :player-parameters="YT_PLAYER_PARAMS"
         @EVENT="CALLBACK"
     ></youtube-iframe>
 </template>
 ```
 
+#### Available props
+
+-   `:videoId / :video-id`: Specify the YT video id (e.g. `dQw4w9WgXcQ`)
+-   `:playerWidth / :player-width`: Specify the player's width in pixels
+-   `:playerHeight / :player-height`: Specify the player's height in pixels
+-   `:noCookie / :no-cookie`: If set to `true` the host will be set to `https://www.youtube-nocookie.com`
+-   `:playerParameters / :player-parameters`: Set player parameters, see [here](#available-player-parameters)
+
 #### Available player parameters
 
 For the available player parameters see [here](https://developers.google.com/youtube/player_parameters#Parameters)

lib/vue-youtube-iframe.esm.js

@@ -1,7 +1,7 @@
 // Copyright © 2020-present Techassi
 // Use of this source code is governed by a MIT-style
 // license that can be found in the LICENSE file.
-// vue-youtube-iframe 1.0.1
+// vue-youtube-iframe 1.0.2
 import { h, nextTick } from 'vue';
 
 const manager = {
@@ -67,6 +67,10 @@ const player = {
             type: String,
             default: '',
         },
+        noCookie: {
+            type: Boolean,
+            default: false,
+        },
     },
     data() {
         return {
@@ -82,14 +86,18 @@ const player = {
         const { playerHeight, playerWidth, playerParameters, videoId } = this;
 
         manager.register((factory, uid) => {
+            const host = this.noCookie
+                ? 'https://www.youtube-nocookie.com'
+                : 'https://www.youtube.com';
             this.elementId = uid;
+
             nextTick().then(() => {
                 this.player = new factory.Player(this.elementId, {
                     width: playerWidth,
                     height: playerHeight,
                     ...playerParameters,
                     videoId,
-                    host: 'https://www.youtube.com',
+                    host,
                     events: {
                         onReady: (event) => {
                             const p = event.target;

lib/vue-youtube-iframe.umd.js

@@ -1,7 +1,7 @@
 // Copyright © 2020-present Techassi
 // Use of this source code is governed by a MIT-style
 // license that can be found in the LICENSE file.
-// vue-youtube-iframe 1.0.1
+// vue-youtube-iframe 1.0.2
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
     typeof define === 'function' && define.amd ? define(['exports', 'vue'], factory) :
@@ -71,6 +71,10 @@
                 type: String,
                 default: '',
             },
+            noCookie: {
+                type: Boolean,
+                default: false,
+            },
         },
         data() {
             return {
@@ -86,14 +90,18 @@
             const { playerHeight, playerWidth, playerParameters, videoId } = this;
 
             manager.register((factory, uid) => {
+                const host = this.noCookie
+                    ? 'https://www.youtube-nocookie.com'
+                    : 'https://www.youtube.com';
                 this.elementId = uid;
+
                 vue.nextTick().then(() => {
                     this.player = new factory.Player(this.elementId, {
                         width: playerWidth,
                         height: playerHeight,
                         ...playerParameters,
                         videoId,
-                        host: 'https://www.youtube.com',
+                        host,
                         events: {
                             onReady: (event) => {
                                 const p = event.target;

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@techassi/vue-youtube-iframe",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "description": "This plugin makes it easy to integrate the YouTube Iframe API into your Vue app. This plugin is Vue V3 compatible.",
     "main": "lib/vue-youtube-iframe.umd.js",
     "module": "lib/vue-youtube-iframe.esm.js",
@@ -31,7 +31,6 @@
         "vue": "^3.0.0"
     },
     "devDependencies": {
-        "@rollup/plugin-buble": "^0.21.3",
         "eslint": "^7.10.0",
         "eslint-config-airbnb-base": "^14.2.0",
         "eslint-config-prettier": "^6.12.0",

package.json

@@ -1,5 +1,3 @@
-// import buble from '@rollup/plugin-buble';
-
 const { version } = require('./package.json');
 
 const banner = `// Copyright © ${new Date().getFullYear()}-present Techassi
@@ -29,5 +27,4 @@ export default {
             },
         },
     ],
-    // plugins: [buble()],
 };