0
433
Views¿Cómo reproducir video iframe usando JavaScript (no youtube)?
¿Cómo puedo reproducir un elemento de video dentro de un iframe? El iframe crea automáticamente el elemento de video y los controles. Hay muchas respuestas aquí que apuntan a agregar &autoplay a la dirección src , pero esto no es un iframe de youtube.
Mi código HTML:
<button @click="playVideo(item.name)">play</button> <iframe :ref="item.name" autoplay :src="item.video_link" :title='item.name'></iframe>JS
playVideo(itemName) { this.$refs[itemName] <--- this give me the iframe DOM element I want to play },HTML renderizado:
·
Juan Pablo Isaza
1 answers
Answer question0
Como tiene el MP4 de origen, debería usar<video> en lugar de un iframe. A continuación, tendrá acceso completo a la autoplay , controls y otras funciones.
Según su código, esto se vería así:
<video :ref="item.name" autoplay :title='item.name'> <source :src="item.video_link" type="video/mp4"> </video> Y dado que IPFS puede ser un poco lento para la primera carga, también puede especificar que poster muestre una miniatura mientras se carga el contenido. Aquí hay un ejemplo usando una fuente IPFS:
<h3>IPFS Embeded Video Demo</h3> <!-- 👇 required for autoplay in Chrome --> <video autoplay muted autopictureinpicture controls poster="https://i.stack.imgur.com/O9qG3.jpg?s=256&g=1" height="200"> <source src="https://ipfs.io/ipfs/QmbGtJg23skhvFmu9mJiePVByhfzu5rwo74MEkVDYAmF5T" type="video/webm"> </video>
·
Juan Pablo Isaza
Report
Answer question