All the various ways to embed and source video elements.

Pastel color background represent programmatic setup.

Vibrant color background represent data-setup.

js setup with source element

video-js embed", source element

Video Player is loading.
Current Time 0:00
Duration -:-
Loaded: 0%
Stream Type LIVE
Remaining Time -:-
 
1x
    • Chapters
    • descriptions off, selected
    • captions off, selected

      Video embed, source element

      Video Player is loading.
      Current Time 0:00
      Duration -:-
      Loaded: 0%
      Stream Type LIVE
      Remaining Time -:-
       
      1x
        • Chapters
        • descriptions off, selected
        • captions off, selected

          injested div el, source element

          Video Player is loading.
          Current Time 0:00
          Duration -:-
          Loaded: 0%
          Stream Type LIVE
          Remaining Time -:-
           
          1x
            • Chapters
            • descriptions off, selected
            • captions off, selected

              js setup with sources options

              video-js embed", js source

              Video Player is loading.
              Current Time 0:00
              Duration -:-
              Loaded: 0%
              Stream Type LIVE
              Remaining Time 0:00
               
              1x
                • Chapters
                • descriptions off, selected
                • captions off, selected

                  Video embed, js source

                  Video Player is loading.
                  Current Time 0:00
                  Duration -:-
                  Loaded: 0%
                  Stream Type LIVE
                  Remaining Time 0:00
                   
                  1x
                    • Chapters
                    • descriptions off, selected
                    • captions off, selected

                      injested div el, js source

                      Video Player is loading.
                      Current Time 0:00
                      Duration -:-
                      Loaded: 0%
                      Stream Type LIVE
                      Remaining Time 0:00
                       
                      1x
                        • Chapters
                        • descriptions off, selected
                        • captions off, selected

                          js setup with js method sources

                          video-js embed", js source

                          Video Player is loading.
                          Current Time 0:00
                          Duration -:-
                          Loaded: 0%
                          Stream Type LIVE
                          Remaining Time 0:00
                           
                          1x
                            • Chapters
                            • descriptions off, selected
                            • captions off, selected

                              Video embed, js source

                              Video Player is loading.
                              Current Time 0:00
                              Duration -:-
                              Loaded: 0%
                              Stream Type LIVE
                              Remaining Time 0:00
                               
                              1x
                                • Chapters
                                • descriptions off, selected
                                • captions off, selected

                                  injested div el, js source

                                  Video Player is loading.
                                  Current Time 0:00
                                  Duration -:-
                                  Loaded: 0%
                                  Stream Type LIVE
                                  Remaining Time 0:00
                                   
                                  1x
                                    • Chapters
                                    • descriptions off, selected
                                    • captions off, selected

                                      data-setup with sourrce elements

                                      video-js embed", source element

                                      Video Player is loading.
                                      Current Time 0:00
                                      Duration -:-
                                      Loaded: 0%
                                      Stream Type LIVE
                                      Remaining Time -:-
                                       
                                      1x
                                        • Chapters
                                        • descriptions off, selected
                                        • captions off, selected

                                          Video embed, source element

                                          Video Player is loading.
                                          Current Time 0:00
                                          Duration -:-
                                          Loaded: 0%
                                          Stream Type LIVE
                                          Remaining Time -:-
                                           
                                          1x
                                            • Chapters
                                            • descriptions off, selected
                                            • captions off, selected

                                              injested div el, source element

                                              Video Player is loading.
                                              Current Time 0:00
                                              Duration -:-
                                              Loaded: 0%
                                              Stream Type LIVE
                                              Remaining Time -:-
                                               
                                              1x
                                                • Chapters
                                                • descriptions off, selected
                                                • captions off, selected

                                                  data-setup embeds with sources options

                                                  video-js embed", source element

                                                  Video Player is loading.
                                                  Current Time 0:00
                                                  Duration -:-
                                                  Loaded: 0%
                                                  Stream Type LIVE
                                                  Remaining Time 0:00
                                                   
                                                  1x
                                                    • Chapters
                                                    • descriptions off, selected
                                                    • captions off, selected

                                                      Video embed, source element

                                                      Video Player is loading.
                                                      Current Time 0:00
                                                      Duration -:-
                                                      Loaded: 0%
                                                      Stream Type LIVE
                                                      Remaining Time 0:00
                                                       
                                                      1x
                                                        • Chapters
                                                        • descriptions off, selected
                                                        • captions off, selected

                                                          injested div el, source element

                                                          Video Player is loading.
                                                          Current Time 0:00
                                                          Duration -:-
                                                          Loaded: 0%
                                                          Stream Type LIVE
                                                          Remaining Time 0:00
                                                           
                                                          1x
                                                            • Chapters
                                                            • descriptions off, selected
                                                            • captions off, selected

                                                              js setup with js method sources

                                                              video-js embed", js source

                                                              Video Player is loading.
                                                              Current Time 0:00
                                                              Duration -:-
                                                              Loaded: 0%
                                                              Stream Type LIVE
                                                              Remaining Time 0:00
                                                               
                                                              1x
                                                                • Chapters
                                                                • descriptions off, selected
                                                                • captions off, selected

                                                                  Video embed, js source

                                                                  Video Player is loading.
                                                                  Current Time 0:00
                                                                  Duration -:-
                                                                  Loaded: 0%
                                                                  Stream Type LIVE
                                                                  Remaining Time 0:00
                                                                   
                                                                  1x
                                                                    • Chapters
                                                                    • descriptions off, selected
                                                                    • captions off, selected

                                                                      injested div el, js source

                                                                      Video Player is loading.
                                                                      Current Time 0:00
                                                                      Duration -:-
                                                                      Loaded: 0%
                                                                      Stream Type LIVE
                                                                      Remaining Time 0:00
                                                                       
                                                                      1x
                                                                        • Chapters
                                                                        • descriptions off, selected
                                                                        • captions off, selected