ساخت المان در videojs

- 6 ماه پیش
توسط علی بیات آپدیت شد
1masoud ( 14880 تجربه )
6 ماه پیش
تخصص : php,laravel

@ali.bayat
چطوری میتونیم یک المان یا تگ در videojsبسازیم من با خود createElement جاوا اسکریپت در داخل videojs نمیتونم تگی بسازم و خود videojsهم یک المانی به نامcreateElداره که میشه تگی ساخت اما من هر کاری کردم نشد میشه راهنمایی کنید

علی بیات ( 196917 تجربه )
6 ماه پیش
تخصص : توسعه دهنده ارشد وب

کدی که باید استفاده کنید شبیه زیره:

var Component = videojs.getComponent('Component');

var TitleBar = videojs.extend(Component, {

  constructor: function(player, options) {
    Component.apply(this, arguments);
    if (options.text) {
      this.updateTextContent(options.text);
    }
  },

  createEl: function() {
    return videojs.createEl('div', {
      className: 'vjs-title-bar'
    });
  },

  updateTextContent: function(text) {

   if (typeof text !== 'string') {
      text = 'Title Unknown';
    }
    videojs.emptyEl(this.el());
    videojs.appendContent(this.el(), text);
  }
});

videojs.registerComponent('TitleBar', TitleBar);

var player = videojs('my-player');

player.addChild('TitleBar', {text: 'The Title of The Video!'});

در مستنداتش هم مثال‌های خوبی زده. آدرس JSbin زیر رو هم چک کن.
https://jsbin.com/lorexucelo/edit?html,css,js,output

1masoud ( 14880 تجربه )
6 ماه پیش
تخصص : php,laravel

@ali.bayat
الان من نمیدونم برای ساخت یک تگ باید این همه کد بزنم یا قسمتی از این رو میشه تفکیک کنید چطوری من گیج شدم
و آیا میشه با خود دستورcreateElementجاوا اسکریپت هم این کارو کرد چون من هر کاری کردم در داخل videojsتگی بسازم نشد
میشه خلاصه و با تفکیک بگید

1masoud ( 14880 تجربه )
6 ماه پیش
تخصص : php,laravel

@ali.bayat
من میخوام بگم به صورت اتوماتیک هر چند تا که ویدیو دارم (مثلا ۳ تا ویدیو) بیا به ازای هر ویدیو در تگvideo یک تگsourceایجاد کن می خواهم به صورت اتوماتیک این کار رو بکنه نه به صورت دستی به خاطر همین نیاز دارم createEl انجام بدم اما نمیشه این چیزهایی که شما گفتید هم فقط میشه button ساخت اگه میشه راهنمایی کنید

علی بیات ( 196917 تجربه )
6 ماه پیش
تخصص : توسعه دهنده ارشد وب

بله من مثال ساده رو براتون گذاشتم. من خودم با کامپوننت‌های این پلاگین کار نکردم اما راهنمای کاملش در آدرس زیر موجوده
https://docs.videojs.com/tutorial-components.html

برای ارسال پاسخ باید وارد سایت شوید