الصفحة الرئيسية>موارد بناء الموقع>فلاش كود المصدر
تنزيل

Vue-MediaElement

فيديو لايف لاي

ثَبَّتَ 

$ npm install vue-mediaelement

يستورد

استيراد باستخدام الوحدة النمطية

مكونات استيراد مشروعك: 

 require ( 'vue-mediaelement/dist/vue-mediaelement.css' ) ;

// in ES6 modules
import { Mediaelement } from 'vue-mediaelement' ;

// in CommonJS
const { Mediaelement } = require ( 'vue-mediaelement' ) ;

// in Global variable
const { Mediaelement } = VueMediaelement ;

وتسجيل المكونات: 

 Vue . component ( 'mediaelement' , Mediaelement ) ;

استيراد باستخدام علامة البرنامج النصي 

 < link rel =" stylesheet " href =" ../node-modules/vue-mediaelement/dist/vue-mediaelement.css " charset =" utf-8 " >
< script src =" ../node-modules/vue-mediaelement/dist/vue-mediaelement.js " > </ script > 
 const vueMediaelement = VueMediaelement . Mediaelement ;

new Vue ( {
  el : 'body' ,
  components : {
    'mediaelement' : vueMediaelement
  }
} ) ;

الاستخدام

العمل على مثيل VUE: 

 < mediaelement class =" my-play " > </ mediaelement > 
. my-play {
  height : 200 px ;
  text-align : center;
}

خيارات

الدعائم

خيار يكتب وصف تقصير
مصدر خيط يحدد عنوان URL لملف الفيديو ؛ يمكن الإشارة إلى هذه القيمة أيضًا مع علامات المصدر (راجع قسم برامج الترميز المتعددة لمزيد من المعلومات) '' '
عرض خيط يحدد عرض مشغل الفيديو بالبكسل ؛ يمكنك أيضًا الإشارة إلى النسب المئوية 480
ارتفاع خيط يضع ارتفاع مشغل الفيديو بالبكسل ؛ يمكنك أيضًا الإشارة إلى النسب المئوية 270
التحميل المسبق خيط يحدد ما إذا وكيف يعتقد المؤلف أنه يجب تحميل الفيديو عند تحميل الصفحة ؛ القيم المحتملة: auto ، metadata أو none (موصى بها) لا أحد
اللعب التلقائي منطقية يحدد أن الفيديو سيبدأ التشغيل بمجرد أن يكون جاهزًا خطأ شنيع
forcerive منطقية إذا تم ضبطها على True ، فسيتم عرض رسالة البث المباشر وسيتم إخفاء شريط التقدم ، بغض النظر عما إذا كانت المدة رقمًا صالحًا حقيقي

الأحداث

اسم الحدث يكتب وصف
نجاح أتصل مرة أخرى الإجراءات (الإجراءات) التي سيتم تنفيذها بمجرد تحميل المصدر ؛ يمر 2 وسيطتين: الوسائط (الغلاف الذي يحاكي جميع الأحداث/الخصائص/الأساليب الأصلية لجميع العارضين) والعقدة (فيديو HTML الأصلي أو الصوت أو العلامة الإطارية حيث تم تحميل الوسائط في الأصل ؛ إذا تم استخدام HTML5 ، فإن الوسائط والعقدة هي نفسها بشكل أساسي)
خطأ أتصل مرة أخرى الإجراءات (الإجراءات) التي سيتم تنفيذها إذا لم يتم تحميل المصدر لأي سبب من الأسباب. يمر نفس الحجج مثل النجاح

التعليمات

كيفية برمجة MediElement إلى عنصر؟

استخدم طريقة Ref and Call remove() . 

 this . $refs . mediaelement . remove ( newIndex )

لمزيد من التفاصيل ، يرجى الرجوع إلى رمز المثال.

تطوير

مشاهدة مع التحميل الساخن: 

$ npm run dev

تطوير على جهاز عن بُعد الحقيقي: 

$ npm run remote-dev {{ YOUR IP ADDRESS }}

رخصة

معهد ماساتشوستس للتكنولوجيا

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل