Fórum Academy - IMPLEMENTAR PLAYER

Criador Moisés Bumba 08/03/2024

Ola Prof. Carlos,

estou com problema implementação do player com vue recebo esta mensagem

Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

quero criar um player universal para não ficar preso do youtube.

https://github.com/Forma-te/forma-te-frontend

<template>
  <div class="w-full">
    <iframe
      v-if="lesson && lesson.video"
      id="player-youtube"
      data-plyr-provider="youtube"
      data-plyr-embed-id="Uh9643c2P6k"
      :src="lesson.video"
      width="650"
      height="359"
      frameborder="0"
      allowfullscreen
    />
  </div>
</template>

<script>
import { computed } from 'vue';
import { useStore } from 'vuex';

export default {
    name: 'PlayerCourse',

    setup() {
        const store = useStore();
        const lesson = computed(() => store.state.courses.lessonPlayer);

        return{
            lesson
        };
    }
};
</script>

3 comentários

Manager Carlos Ferreira 08/03/2024

Olá, Moisés!

Tudo bem?

Qual o valor na propriedade video do objeto de lesson?

console.log(video.lesson)

Criador Moisés Bumba 08/03/2024

Ola prof. obrigado pela resposta problema resolvido o problema estava na URL do video.

tenho uma outra questão qual e a linguagem de estilo que prof. esta a usar no novo player (nova plataforma) https://prnt.sc/6sqIpjZtwOfy

quero criar um semelhante e possivel o prof. dar umas dicas sobre ele, principalmente o player pra ocupar o espaço que ocupa na tela

Manager Carlos Ferreira 08/03/2024

Este exato projeto está disponível em: https://github.com/carlosfgti/vue-player

Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!