video.js: good for buffer preloading and responsive fullscreen renderings?
I now this question is subjective. Hope it won't get closed because frankly, I cannot find any other source for this informations (including video.js docs). So I try...
I want to use video.js, I need a simple background video. I know there are simple css ways for this, but I also need to ensure the better playback possible, and I was wondering: does video.js help on this? Does it ensures some kind of optimised playback, don't know, by checking initial buffering or the like?
And if yes, does it have any problem with css ways of getting it fullscreen?
javascript css video video.js
add a comment |
I now this question is subjective. Hope it won't get closed because frankly, I cannot find any other source for this informations (including video.js docs). So I try...
I want to use video.js, I need a simple background video. I know there are simple css ways for this, but I also need to ensure the better playback possible, and I was wondering: does video.js help on this? Does it ensures some kind of optimised playback, don't know, by checking initial buffering or the like?
And if yes, does it have any problem with css ways of getting it fullscreen?
javascript css video video.js
A lot of the video delivery speed and quality will be dependent on how the video is served on the back end - i.e. whether you use a CDN and an Adaptive Bit Rate streaming protocol (stackoverflow.com/a/42365034/334402 ).
– Mick
Nov 15 '18 at 13:53
As far as I can say, starting from v7.0.0, videojs does use adaptive bit rate streaming through HLS (blog.videojs.com/introducing-video-js-http-streaming-vhs)
– Luca Reghellin
Nov 16 '18 at 14:07
1
Video.js is on the client side and yes video.js does support ABR. But the server side needs to provide it also or else video.js cannot use this feature. Basically the server side needs to make multiple different bit rate versions of the video available, each segmented and transported via HLS or MPEG-DASH (or sometimes Smoothstreaming).
– Mick
Nov 16 '18 at 15:01
add a comment |
I now this question is subjective. Hope it won't get closed because frankly, I cannot find any other source for this informations (including video.js docs). So I try...
I want to use video.js, I need a simple background video. I know there are simple css ways for this, but I also need to ensure the better playback possible, and I was wondering: does video.js help on this? Does it ensures some kind of optimised playback, don't know, by checking initial buffering or the like?
And if yes, does it have any problem with css ways of getting it fullscreen?
javascript css video video.js
I now this question is subjective. Hope it won't get closed because frankly, I cannot find any other source for this informations (including video.js docs). So I try...
I want to use video.js, I need a simple background video. I know there are simple css ways for this, but I also need to ensure the better playback possible, and I was wondering: does video.js help on this? Does it ensures some kind of optimised playback, don't know, by checking initial buffering or the like?
And if yes, does it have any problem with css ways of getting it fullscreen?
javascript css video video.js
javascript css video video.js
asked Nov 14 '18 at 18:11
Luca ReghellinLuca Reghellin
3,31254072
3,31254072
A lot of the video delivery speed and quality will be dependent on how the video is served on the back end - i.e. whether you use a CDN and an Adaptive Bit Rate streaming protocol (stackoverflow.com/a/42365034/334402 ).
– Mick
Nov 15 '18 at 13:53
As far as I can say, starting from v7.0.0, videojs does use adaptive bit rate streaming through HLS (blog.videojs.com/introducing-video-js-http-streaming-vhs)
– Luca Reghellin
Nov 16 '18 at 14:07
1
Video.js is on the client side and yes video.js does support ABR. But the server side needs to provide it also or else video.js cannot use this feature. Basically the server side needs to make multiple different bit rate versions of the video available, each segmented and transported via HLS or MPEG-DASH (or sometimes Smoothstreaming).
– Mick
Nov 16 '18 at 15:01
add a comment |
A lot of the video delivery speed and quality will be dependent on how the video is served on the back end - i.e. whether you use a CDN and an Adaptive Bit Rate streaming protocol (stackoverflow.com/a/42365034/334402 ).
– Mick
Nov 15 '18 at 13:53
As far as I can say, starting from v7.0.0, videojs does use adaptive bit rate streaming through HLS (blog.videojs.com/introducing-video-js-http-streaming-vhs)
– Luca Reghellin
Nov 16 '18 at 14:07
1
Video.js is on the client side and yes video.js does support ABR. But the server side needs to provide it also or else video.js cannot use this feature. Basically the server side needs to make multiple different bit rate versions of the video available, each segmented and transported via HLS or MPEG-DASH (or sometimes Smoothstreaming).
– Mick
Nov 16 '18 at 15:01
A lot of the video delivery speed and quality will be dependent on how the video is served on the back end - i.e. whether you use a CDN and an Adaptive Bit Rate streaming protocol (stackoverflow.com/a/42365034/334402 ).
– Mick
Nov 15 '18 at 13:53
A lot of the video delivery speed and quality will be dependent on how the video is served on the back end - i.e. whether you use a CDN and an Adaptive Bit Rate streaming protocol (stackoverflow.com/a/42365034/334402 ).
– Mick
Nov 15 '18 at 13:53
As far as I can say, starting from v7.0.0, videojs does use adaptive bit rate streaming through HLS (blog.videojs.com/introducing-video-js-http-streaming-vhs)
– Luca Reghellin
Nov 16 '18 at 14:07
As far as I can say, starting from v7.0.0, videojs does use adaptive bit rate streaming through HLS (blog.videojs.com/introducing-video-js-http-streaming-vhs)
– Luca Reghellin
Nov 16 '18 at 14:07
1
1
Video.js is on the client side and yes video.js does support ABR. But the server side needs to provide it also or else video.js cannot use this feature. Basically the server side needs to make multiple different bit rate versions of the video available, each segmented and transported via HLS or MPEG-DASH (or sometimes Smoothstreaming).
– Mick
Nov 16 '18 at 15:01
Video.js is on the client side and yes video.js does support ABR. But the server side needs to provide it also or else video.js cannot use this feature. Basically the server side needs to make multiple different bit rate versions of the video available, each segmented and transported via HLS or MPEG-DASH (or sometimes Smoothstreaming).
– Mick
Nov 16 '18 at 15:01
add a comment |
1 Answer
1
active
oldest
votes
VideoJs is widely using and most popular open source platform for videos. It is very difficult so summarize its advantages and pro's over other video libraries here. But to address your specific questions
It has a option to preload which you can specify and load frames, media or any metadata
videojs('my-player',
controls: true,
autoplay: false,
preload: 'auto'
);
CSS is highly customizable with very less efforts. See following example.
https://codepen.io/heff/pen/wtrHL
Hope this will help.
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53306398%2fvideo-js-good-for-buffer-preloading-and-responsive-fullscreen-renderings%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
VideoJs is widely using and most popular open source platform for videos. It is very difficult so summarize its advantages and pro's over other video libraries here. But to address your specific questions
It has a option to preload which you can specify and load frames, media or any metadata
videojs('my-player',
controls: true,
autoplay: false,
preload: 'auto'
);
CSS is highly customizable with very less efforts. See following example.
https://codepen.io/heff/pen/wtrHL
Hope this will help.
add a comment |
VideoJs is widely using and most popular open source platform for videos. It is very difficult so summarize its advantages and pro's over other video libraries here. But to address your specific questions
It has a option to preload which you can specify and load frames, media or any metadata
videojs('my-player',
controls: true,
autoplay: false,
preload: 'auto'
);
CSS is highly customizable with very less efforts. See following example.
https://codepen.io/heff/pen/wtrHL
Hope this will help.
add a comment |
VideoJs is widely using and most popular open source platform for videos. It is very difficult so summarize its advantages and pro's over other video libraries here. But to address your specific questions
It has a option to preload which you can specify and load frames, media or any metadata
videojs('my-player',
controls: true,
autoplay: false,
preload: 'auto'
);
CSS is highly customizable with very less efforts. See following example.
https://codepen.io/heff/pen/wtrHL
Hope this will help.
VideoJs is widely using and most popular open source platform for videos. It is very difficult so summarize its advantages and pro's over other video libraries here. But to address your specific questions
It has a option to preload which you can specify and load frames, media or any metadata
videojs('my-player',
controls: true,
autoplay: false,
preload: 'auto'
);
CSS is highly customizable with very less efforts. See following example.
https://codepen.io/heff/pen/wtrHL
Hope this will help.
answered Nov 14 '18 at 20:07
Amit BhoyarAmit Bhoyar
600114
600114
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53306398%2fvideo-js-good-for-buffer-preloading-and-responsive-fullscreen-renderings%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
A lot of the video delivery speed and quality will be dependent on how the video is served on the back end - i.e. whether you use a CDN and an Adaptive Bit Rate streaming protocol (stackoverflow.com/a/42365034/334402 ).
– Mick
Nov 15 '18 at 13:53
As far as I can say, starting from v7.0.0, videojs does use adaptive bit rate streaming through HLS (blog.videojs.com/introducing-video-js-http-streaming-vhs)
– Luca Reghellin
Nov 16 '18 at 14:07
1
Video.js is on the client side and yes video.js does support ABR. But the server side needs to provide it also or else video.js cannot use this feature. Basically the server side needs to make multiple different bit rate versions of the video available, each segmented and transported via HLS or MPEG-DASH (or sometimes Smoothstreaming).
– Mick
Nov 16 '18 at 15:01