2016-11-20 1 views
0

Ich versuche, VideoJS zu verwenden, aber ich verstehe nicht die Dateien, die ich enthalten muss. Dies ist nicht richtig für VideoJS, weil ich dieses Problem mit anderen Frameworks hatte: In der Zip, gibt es verschiedene Ordner wie "dist", "lib", etc.Wie wird ein Framework eingebunden?

Da gibt es videojs-background.js (scheint um die einzige JavaScript-Datei zu sein include), in beiden Ordnern, welche muss ich einbeziehen? Brauche ich noch etwas anderes?

Danke

@edit: Vielen Dank für Ihre Antwort. Könnten Sie bitte erklären, was diese Ordner sind?

+0

Wenn es ein 'dist' gibt, benutze was drin ist. Oder verwenden Sie eine cdn-Quelle – charlietfl

Antwort

2

Dies hängt davon ab, welche Bibliothek Sie versuchen, zu zählen und ob Sie arbeiten sollten Verwenden Sie einen beliebigen Modulbündler in Ihrer App. Daher sollten Sie die README/Dokumentation der Bibliothek konsultieren. In Ihrem Beispiel von video.js gibt es auf ihrer Homepage einen Getting Started Leitfaden, der verschiedene Möglichkeiten zur Einbindung des Codes erläutert.

In Bezug auf Ihre Frage nach verschiedenen Ordnern: die meiste Zeit, sind die Downloads sowohl den Quellcode der Bibliothek (oft in Verzeichnissen wie src, lib), sowie einige gebündelt-minimierte Code (oft in Verzeichnissen wie dist , bundle und mit Dateiendung .min.js)

1

Was ich normalerweise tun, ist nur a CDN verwenden, obwohl dies advantages and disadvantages sein kann. Da ich in diesem Bereich nicht besonders erfahren bin, würde ich empfehlen, einen Blick auf den verlinkten Artikel zu werfen oder selbst nach den Vor- und Nachteilen zu suchen, aber ich hatte nie Probleme.

Zum Beispiel für Video.js, können Sie die folgenden in der <head> des Dokuments hinzufügen, die diese Bibliothek für die CSS verwendet:

<link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet"> 

Und für die JavaScript, fügen Sie den folgenden in der <body> des Dokuments:

<script src="http://vjs.zencdn.net/5.8.8/video.js"></script> 

Hier ist ein vollständiges Beispiel von the docs:

<head> 
    <link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet"> 

    <!-- If you'd like to support IE8 --> 
    <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> 
</head> 

<body> 
    <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" 
    poster="MY_VIDEO_POSTER.jpg" data-setup="{}"> 
    <source src="MY_VIDEO.mp4" type='video/mp4'> 
    <source src="MY_VIDEO.webm" type='video/webm'> 
    <p class="vjs-no-js"> 
     To view this video please enable JavaScript, and consider upgrading to a web browser that 
     <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> 
    </p> 
    </video> 

    <script src="http://vjs.zencdn.net/5.8.8/video.js"></script> 
</body> 
Verwandte Themen