Блог

Я пытаюсь передать функцию с помощью плагина отслеживания событий videojs. Он работает в vanilla js, но когда я перемещаю его в vue js, отслеживание событий не обнаруживается плагины: { Отслеживание событий: true },

 data() {
    return {
      videoOptions: {
                autoplay: true,
                controls: true,
        plugins: { eventTracking: true },
                sources: [
                    {
                        src:
              require('../assets/test.mp4'),
              type: "video/mp4"
                    }
                ]
            },
 

Я также пытаюсь заставить эту функцию работать для отслеживания событий, но она ее не обнаруживает.

 <template>
    <div>
        <video ref="videoPlayer" id="videojs-event-tracking-player" class="video-js vjs-default-skin vjs-big-play-centered" controls width="950" height="640"
        poster="../assets/placeholders/ph-venice.png"  preload="auto">
            <!-- <track label="English" kind="subtitles" srclang="en" src='../secret-escape-love-road-trips-8-video.vtt' default /> -->
        <p class="vjs-no-js">
            To view this video please enable JavaScript, and consider upgrading to a
            web browser that
            <a href="https://videojs.com/html5-video-support/" target="_blank"
              >supports HTML5 video</a
            >
        </p>
        </video>
        <button type="button" id="load">load another source</button>
        <div id="console"></div>
    </div>
</template>

<script>
import videojs from 'video.js';
import 'video.js/dist/video-js.css';
window.videojs = require('video.js');   


export default {
    name: "VideoPlayer",
    props: {

        options: {
            type: Object,
            default() {
                return {};
            }
        }
    },
    methods: {
        function(window, videojs) {
    
        var log = function(name, data) {
        var currentTime = new Date().toLocaleString();
        // var args = Array.from(arguments);
        var ele = document.getElementById('console');
        var node = document.createElement('p');
        node.innerHTML = '{"video_id":{"date":"'   currentTime   '","'   name   '":"'   JSON.stringify(data)   '"},';
        ele.innerHTML = node.outerHTML   ele.innerHTML;
        }
 

Пожалуйста, помогите