Strangely, vue3 combined with video.js sometimes does not autoplay, but sometimes autoplay #10614

startjava · 2024-03-29T08:40:34Z

startjava
Mar 29, 2024

html：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="module" src="autoplay_option_muted.js"></script>
    </head>
    <body>
        <div id="mydiv">
            <video id="myvideo" class="video-js">
            </video>
        </div>
    </body>
</html>

js：

import videojs from "video.js";
import "video.js/dist/video-js.css"

import {createApp, onMounted} from 'vue';

createApp({
    setup() {
        let player;

        const videoOptions = {
            autoplay: "muted",
            controls: true,
            width: "500px",
            height: "500px",
            sources: [
                {
                    src:
                        '../demo-720p.mp4',
                    type: 'video/mp4'
                }
            ]
        };

        onMounted(() => {
            player = videojs("myvideo", videoOptions);
        })

        return {}
    }
}).mount("#mydiv");

Shyam-Chen · 2024-04-01T08:31:55Z

Shyam-Chen
Apr 1, 2024

const player = ref()

const myvideo = ref()
<video ref="myvideo" class="video-js">

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Vue

Strangely, vue3 combined with video.js sometimes does not autoplay, but sometimes autoplay #10614

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Select a reply

Uh oh!

Vue

Strangely, vue3 combined with video.js sometimes does not autoplay, but sometimes autoplay #10614

Uh oh!

startjava Mar 29, 2024

Replies: 1 comment

Uh oh!

Uh oh!

Shyam-Chen Apr 1, 2024

startjava
Mar 29, 2024

Shyam-Chen
Apr 1, 2024