video.js: good for buffer preloading and responsive fullscreen renderings?










0















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?










share|improve this question






















  • 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
















0















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?










share|improve this question






















  • 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














0












0








0








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?










share|improve this question














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






share|improve this question













share|improve this question











share|improve this question




share|improve this question










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


















  • 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













1 Answer
1






active

oldest

votes


















1














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.






share|improve this answer






















    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
    );



    );













    draft saved

    draft discarded


















    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









    1














    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.






    share|improve this answer



























      1














      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.






      share|improve this answer

























        1












        1








        1







        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.






        share|improve this answer













        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.







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 14 '18 at 20:07









        Amit BhoyarAmit Bhoyar

        600114




        600114





























            draft saved

            draft discarded
















































            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.




            draft saved


            draft discarded














            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





















































            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







            這個網誌中的熱門文章

            How to read a connectionString WITH PROVIDER in .NET Core?

            Node.js Script on GitHub Pages or Amazon S3

            Museum of Modern and Contemporary Art of Trento and Rovereto