Youtube doesn't always load on page load.

[toddpadwick]

Hi! thanks for creating this plugin :)

We are using it on a nuxt 3 / vue 3 project. but often, when you first land on the page, the youtube container doesn't load at all, and requires a page refresh to load it. some kind of race condition before the youtube data is ready maybe? I have tried wrapping it in a client only tag and this doesn't help. any suggestions? There are no errors in the console.

---

• Operating System: Darwin
• Node Version: v14.19.0
• Nuxt Version: 3.6.0
• Nitro Version: 2.5.1
• Package Manager: [email protected]
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

{
  "private": true,
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "engines": {
    "node": "16.x"
  },
  "devDependencies": {
    "@nuxt/image-edge": "^1.0.0-27840416.dc1ed65",
    "@sanity/client": "^3.4.1",
    "nuxt": "^3.6.1",
    "nuxt-schema-org": "^2.2.0",
    "nuxt-simple-sitemap": "^2.7.0",
    "sass": "^1.57.1",
    "sass-loader": "^10.4.1"
  },
  "dependencies": {
    "@lottiefiles/lottie-player": "^1.6.3",
    "@nuxtjs/robots": "^3.0.0",
    "@nuxtjs/sanity": "^1.5.0",
    "@pinia/nuxt": "^0.4.6",
    "@sanity/image-url": "^1.0.1",
    "@shimyshack/uid": "^0.1.7",
    "get-youtube-id": "^1.0.1",
    "node-fetch": "^3.3.0",
    "nuxt-jsonld": "^2.0.8",
    "pluralize": "^8.0.0",
    "vue": "^3.2.31",
    "vue-social-sharing": "^4.0.0-alpha4",
    "vue3-lottie": "^2.4.0",
    "vue3-youtube": "^0.1.9"
  }
}

[DenFin]

Do you by any chance use the ImprovedTube browser extension?

[dhoorek]

Any idea? Same problem. Not using any extensions

[andrevferreiraa]

Having the same issue

[MinecraftStorage1]

Any updates on this issue? I noticed that the video is not loading only when navigating from one page to another in SPA apps. But if you refresh the page with the youtube video manually, it works.