- Δημοσιεύσεις: 19
- Ληφθείσες Ευχαριστίες 25
×
Αυτή είναι η προαιρετική κεφαλίδα Φόρουμ για το Κουτί Προτάσεων.
Video.js the best video player
5 Χρόνια 4 Μήνες πριν - 5 Χρόνια 3 Μήνες πριν #68
από fermidirac
Video.js the best video player δημιουργήθηκε από fermidirac
Ένας web video player ειδικά κατασκευασμένος για HTML5.
Το Video.js υποστηρίζει HTML5 και video Flash και Silverlight και φυσικά το Vimeo και το YouTube.
Υποστηρίζεται επίσης η αναπαραγωγή σε επιτραπέζιους και φορητούς υπολογιστές. Παίζει "παραδοσιακές" μορφές αρχείων όπως MP4 και WebM, αλλά υποστηρίζει επίσης προσαρμοστικές μορφές streaming όπως HLS και DASH. Υπάρχει ακόμη και ένα ειδικό UI για live streams!
Είναι εξαιρετικά απλός στην εμφάνιση αλλά μπορεί εύκολα να σχεδιαστεί με λίγο επιπλέον CSS.
Με περισσότερα από 200 plugins μπορείτε να εγκαταστήσετε αρκετά, όπως το Chromecast, το videojs-flash, videojs-hls-quality-selector, @videojs/http-streaming, videojs-watermark, videojs-auto-caption, videojs-responsive-controls και ακετά ακόμα.
Ξεκίνησε το 2010, και χρησιμοποιείται τώρα ενεργά σε ~ 500.000 ιστότοπους.
Το video.js χρησιμοποιεί επίσης JavaScript για να διορθώσει τυχόν ασυνέπεια που μπορεί να εμφανιστεί κατά τη μετάβαση από ένα πρόγραμμα περιήγησης σε άλλο. Το ίδιο JavaScript είναι σε θέση να προσθέσει υποστήριξη για ετικέτες HTML5 σε παλιές εκδόσεις του Internet Explorer, καθώς και να προσθέσει προβολή πλήρους οθόνης ή υπότιτλους.
Ο κώδικας
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>video-js-7.6.6</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
<link href="css/video-js.css" rel="stylesheet">
<link href="css/videojs-brand.css" rel="stylesheet">
<script src="js/video.js"></script>
<script src="js/videojs-flash.js"></script>
<script src="js/videojs-contrib-hls.js"></script>
<script src="js/videojs-brand.js"></script>
</head>
<body>
<div id="wb_line" style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:0;">
<video
id="video"
oncontextmenu="return false;"
class="video-js vjs-16-9"
webkit-playsinline
playsinline
controls
preload="auto"
poster="images/TestPattern.jpg"
data-setup='{ "techOrder": ["html5", "flash", "other supported tech"], "live": true }'>
<source src="server.tvdj.info:8222/channel9/channel9/playlist.m3u8" type="application/x-mpegURL">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that<a href="videojs.com/html5-video-support/" target="_blank">supports HTML5 video
</video>
</div>
<script>
var options = {
controlBar: {
volumePanel: {inline: false}
},
};
videojs('video', options);
</script>
<script>
var defaultVolume = 1;
videojs('video', {}, function() {
this.volume(defaultVolume);
});
</script>
<script>
var player = videojs('video');
player.brand({
image: "images/logo_small.png",
title: "FermiDirac radio JavaScript video player",
destination: "fermidirac-radio.com",
destinationTarget: "_top"
});
</script>
</body>
</html>
FermiDirac radio (Γιώργος Κ.)
Το Video.js υποστηρίζει HTML5 και video Flash και Silverlight και φυσικά το Vimeo και το YouTube.
Υποστηρίζεται επίσης η αναπαραγωγή σε επιτραπέζιους και φορητούς υπολογιστές. Παίζει "παραδοσιακές" μορφές αρχείων όπως MP4 και WebM, αλλά υποστηρίζει επίσης προσαρμοστικές μορφές streaming όπως HLS και DASH. Υπάρχει ακόμη και ένα ειδικό UI για live streams!
Είναι εξαιρετικά απλός στην εμφάνιση αλλά μπορεί εύκολα να σχεδιαστεί με λίγο επιπλέον CSS.
Με περισσότερα από 200 plugins μπορείτε να εγκαταστήσετε αρκετά, όπως το Chromecast, το videojs-flash, videojs-hls-quality-selector, @videojs/http-streaming, videojs-watermark, videojs-auto-caption, videojs-responsive-controls και ακετά ακόμα.
Ξεκίνησε το 2010, και χρησιμοποιείται τώρα ενεργά σε ~ 500.000 ιστότοπους.
Το video.js χρησιμοποιεί επίσης JavaScript για να διορθώσει τυχόν ασυνέπεια που μπορεί να εμφανιστεί κατά τη μετάβαση από ένα πρόγραμμα περιήγησης σε άλλο. Το ίδιο JavaScript είναι σε θέση να προσθέσει υποστήριξη για ετικέτες HTML5 σε παλιές εκδόσεις του Internet Explorer, καθώς και να προσθέσει προβολή πλήρους οθόνης ή υπότιτλους.
Ο κώδικας
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>video-js-7.6.6</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
<link href="css/video-js.css" rel="stylesheet">
<link href="css/videojs-brand.css" rel="stylesheet">
<script src="js/video.js"></script>
<script src="js/videojs-flash.js"></script>
<script src="js/videojs-contrib-hls.js"></script>
<script src="js/videojs-brand.js"></script>
</head>
<body>
<div id="wb_line" style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:0;">
<video
id="video"
oncontextmenu="return false;"
class="video-js vjs-16-9"
webkit-playsinline
playsinline
controls
preload="auto"
poster="images/TestPattern.jpg"
data-setup='{ "techOrder": ["html5", "flash", "other supported tech"], "live": true }'>
<source src="server.tvdj.info:8222/channel9/channel9/playlist.m3u8" type="application/x-mpegURL">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that<a href="videojs.com/html5-video-support/" target="_blank">supports HTML5 video
</video>
</div>
<script>
var options = {
controlBar: {
volumePanel: {inline: false}
},
};
videojs('video', options);
</script>
<script>
var defaultVolume = 1;
videojs('video', {}, function() {
this.volume(defaultVolume);
});
</script>
<script>
var player = videojs('video');
player.brand({
image: "images/logo_small.png",
title: "FermiDirac radio JavaScript video player",
destination: "fermidirac-radio.com",
destinationTarget: "_top"
});
</script>
</body>
</html>
FermiDirac radio (Γιώργος Κ.)
Παρακαλούμε Σύνδεση ή Δημιουργία λογαριασμού για να συμμετάσχετε στη συζήτηση.
Χρόνος δημιουργίας σελίδας: 0.065 δευτερόλεπτα
↳ Αυτήν τη στιγμή υπάρχουν σε όλο τον ιστότοπό μας 62 επισκέπτες ←