@videojs/html 10.0.0-beta.30 → 10.0.0-beta.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/audio-minimal-ui.dev.js +1 -1
- package/cdn/audio-minimal-ui.js +1 -1
- package/cdn/audio-minimal.dev.js +4 -4
- package/cdn/audio-minimal.dev.js.map +1 -1
- package/cdn/audio-minimal.js +1 -1
- package/cdn/audio-minimal.js.map +1 -1
- package/cdn/audio-player.dev.js +1 -0
- package/cdn/audio-player.js +1 -0
- package/cdn/audio-ui.dev.js +1 -1
- package/cdn/audio-ui.js +1 -1
- package/cdn/audio.dev.js +4 -4
- package/cdn/audio.dev.js.map +1 -1
- package/cdn/audio.js +1 -1
- package/cdn/audio.js.map +1 -1
- package/cdn/background.dev.js +1 -1
- package/cdn/background.js +1 -1
- package/cdn/{compounds-D1FPw7jg.js → compounds-BA8gXlmJ.js} +32 -188
- package/cdn/compounds-BA8gXlmJ.js.map +1 -0
- package/cdn/compounds-DKoFv2f8.js +8 -0
- package/cdn/compounds-DKoFv2f8.js.map +1 -0
- package/cdn/{create-player-5UrHNqBI.js → create-player-BEEc22xK.js} +18 -2
- package/cdn/{create-player-5UrHNqBI.js.map → create-player-BEEc22xK.js.map} +1 -1
- package/cdn/create-player-D5WQ_jzZ.js +2 -0
- package/cdn/{create-player-LjvbIxIq.js.map → create-player-D5WQ_jzZ.js.map} +1 -1
- package/cdn/{gesture-element-BbNy1Pjt.js → gesture-element-CxdagZOo.js} +2 -2
- package/cdn/{gesture-element-BbNy1Pjt.js.map → gesture-element-CxdagZOo.js.map} +1 -1
- package/cdn/{gesture-element-KdpjbbBD.js → gesture-element-x6kojUJk.js} +3 -3
- package/cdn/{gesture-element-KdpjbbBD.js.map → gesture-element-x6kojUJk.js.map} +1 -1
- package/cdn/i18n-CE4KxKuj.js.map +1 -1
- package/cdn/{i18n-DeI9j-ko.js → i18n-C_WyuIHd.js} +2 -2
- package/cdn/{i18n-DeI9j-ko.js.map → i18n-C_WyuIHd.js.map} +1 -1
- package/cdn/i18n-DyF_NfCk.js.map +1 -1
- package/cdn/i18n-o3_t8fxw.js +2 -0
- package/cdn/{i18n-R3TQ8P2f.js.map → i18n-o3_t8fxw.js.map} +1 -1
- package/cdn/live-audio-minimal-ui.dev.js +2 -0
- package/cdn/live-audio-minimal-ui.js +1 -0
- package/cdn/live-audio-minimal.dev.d.ts +1 -0
- package/cdn/live-audio-minimal.dev.js +97 -0
- package/cdn/live-audio-minimal.dev.js.map +1 -0
- package/cdn/live-audio-minimal.js +2 -0
- package/cdn/live-audio-minimal.js.map +1 -0
- package/cdn/live-audio-player.dev.d.ts +1 -0
- package/cdn/live-audio-player.dev.js +1 -0
- package/cdn/live-audio-player.js +1 -0
- package/cdn/live-audio-ui.dev.d.ts +1 -0
- package/cdn/live-audio-ui.dev.js +2 -0
- package/cdn/live-audio-ui.js +1 -0
- package/cdn/live-audio.dev.d.ts +1 -0
- package/cdn/live-audio.dev.js +97 -0
- package/cdn/live-audio.dev.js.map +1 -0
- package/cdn/live-audio.js +2 -0
- package/cdn/live-audio.js.map +1 -0
- package/cdn/{live-button-element-CylfQD0v.js → live-button-element-BFufqFFV.js} +3 -3
- package/cdn/{live-button-element-CylfQD0v.js.map → live-button-element-BFufqFFV.js.map} +1 -1
- package/cdn/live-button-element-CEbrR59d.js +2 -0
- package/cdn/{live-button-element-C-WypudK.js.map → live-button-element-CEbrR59d.js.map} +1 -1
- package/cdn/live-video-minimal-ui.dev.d.ts +1 -0
- package/cdn/live-video-minimal-ui.dev.js +2 -0
- package/cdn/live-video-minimal-ui.js +1 -0
- package/cdn/live-video-minimal.dev.js +5 -36
- package/cdn/live-video-minimal.dev.js.map +1 -1
- package/cdn/live-video-minimal.js +1 -1
- package/cdn/live-video-minimal.js.map +1 -1
- package/cdn/live-video-player.dev.d.ts +1 -0
- package/cdn/live-video-player.dev.js +1 -0
- package/cdn/live-video-player.js +1 -0
- package/cdn/live-video-ui.dev.d.ts +1 -0
- package/cdn/live-video-ui.dev.js +2 -0
- package/cdn/live-video-ui.js +1 -0
- package/cdn/live-video.dev.js +5 -38
- package/cdn/live-video.dev.js.map +1 -1
- package/cdn/live-video.js +1 -1
- package/cdn/live-video.js.map +1 -1
- package/cdn/media/hls-background-video.dev.js +1 -1
- package/cdn/media/hls-background-video.js +1 -1
- package/cdn/media/hls-background-video.js.map +1 -1
- package/cdn/media/mux-background-video.dev.js +1 -1
- package/cdn/media/mux-background-video.js +1 -1
- package/cdn/media/mux-background-video.js.map +1 -1
- package/cdn/media/mux-data.dev.js +1 -1
- package/cdn/media/mux-data.dev.js.map +1 -1
- package/cdn/media/mux-data.js +1 -1
- package/cdn/media/mux-data.js.map +1 -1
- package/cdn/{media-B4uT13xV.js → media-B4uT13xV2.js} +1 -1
- package/cdn/media-B4uT13xV2.js.map +1 -0
- package/cdn/{media-D6Xer97u.js → media-D6Xer97u2.js} +1 -1
- package/cdn/media-D6Xer97u2.js.map +1 -0
- package/cdn/minimal-ui-0eDc51VS.js +2 -0
- package/cdn/{minimal-ui-D3XCtSx_.js.map → minimal-ui-0eDc51VS.js.map} +1 -1
- package/cdn/minimal-ui-C2vRjwax.js +36 -0
- package/cdn/minimal-ui-C2vRjwax.js.map +1 -0
- package/cdn/{minimal-ui-ajeAXABk.js → minimal-ui-CLBGXvp5.js} +4 -4
- package/cdn/{minimal-ui-ajeAXABk.js.map → minimal-ui-CLBGXvp5.js.map} +1 -1
- package/cdn/minimal-ui-ClCvmIm4.js +2 -0
- package/cdn/minimal-ui-ClCvmIm4.js.map +1 -0
- package/cdn/minimal-ui-DDM48qb3.js +2 -0
- package/cdn/minimal-ui-DDM48qb3.js.map +1 -0
- package/cdn/minimal-ui-DY4C1zGt.js +23 -0
- package/cdn/minimal-ui-DY4C1zGt.js.map +1 -0
- package/cdn/{minimal-ui-KUzZkG_3.js → minimal-ui-Dk4_XLp4.js} +8 -8
- package/cdn/{minimal-ui-KUzZkG_3.js.map → minimal-ui-Dk4_XLp4.js.map} +1 -1
- package/cdn/{minimal-ui-p9QCZfCz.js → minimal-ui-JHiRECkp.js} +2 -2
- package/cdn/{minimal-ui-p9QCZfCz.js.map → minimal-ui-JHiRECkp.js.map} +1 -1
- package/cdn/{player-POHYt5tr.js → player-BGAk4zHP.js} +2 -2
- package/cdn/{player-POHYt5tr.js.map → player-BGAk4zHP.js.map} +1 -1
- package/cdn/{player-CngT-cVQ.js → player-Bb9oakYz.js} +2 -2
- package/cdn/{player-CngT-cVQ.js.map → player-Bb9oakYz.js.map} +1 -1
- package/cdn/{player-BXQMSpgR.js → player-BrlY19A2.js} +2 -2
- package/cdn/{player-BXQMSpgR.js.map → player-BrlY19A2.js.map} +1 -1
- package/cdn/{player-BuxifKSM.js → player-CQENs37B.js} +2 -2
- package/cdn/{player-BuxifKSM.js.map → player-CQENs37B.js.map} +1 -1
- package/cdn/player-DdOHaN9e.js +2 -0
- package/cdn/player-DdOHaN9e.js.map +1 -0
- package/cdn/{player-B5zkgqwT.js → player-DtcVc6sP.js} +2 -2
- package/cdn/{player-B5zkgqwT.js.map → player-DtcVc6sP.js.map} +1 -1
- package/cdn/{player-DMP2pc3L.js → player-bEUswOOg.js} +2 -2
- package/cdn/{player-DMP2pc3L.js.map → player-bEUswOOg.js.map} +1 -1
- package/cdn/player-qLOeas8M.js +18 -0
- package/cdn/player-qLOeas8M.js.map +1 -0
- package/cdn/poster-element-BA7p_OJL.js +2 -0
- package/cdn/{poster-element-Djlm5fwC.js.map → poster-element-BA7p_OJL.js.map} +1 -1
- package/cdn/{poster-element-CuCEBVr3.js → poster-element-BTynHaSW.js} +4 -3
- package/cdn/{poster-element-CuCEBVr3.js.map → poster-element-BTynHaSW.js.map} +1 -1
- package/cdn/radio-options-controller-Cz5yFvUh.js +138 -0
- package/cdn/radio-options-controller-Cz5yFvUh.js.map +1 -0
- package/cdn/radio-options-controller-hybHJkeC.js +2 -0
- package/cdn/radio-options-controller-hybHJkeC.js.map +1 -0
- package/cdn/seek-button-element-C4g3qPbc.js +2 -0
- package/cdn/{seek-button-element-CgaXVFPS.js.map → seek-button-element-C4g3qPbc.js.map} +1 -1
- package/cdn/{seek-button-element-BD2caCd5.js → seek-button-element-CirtfRSE.js} +4 -3
- package/cdn/seek-button-element-CirtfRSE.js.map +1 -0
- package/cdn/{skin-element-PDwjO4v0.js → skin-element-BF1a0EIj.js} +2 -2
- package/cdn/{skin-element-PDwjO4v0.js.map → skin-element-BF1a0EIj.js.map} +1 -1
- package/cdn/skin-element-BTt7JKoR.js +2 -0
- package/cdn/{skin-element-DE8OodF5.js.map → skin-element-BTt7JKoR.js.map} +1 -1
- package/cdn/template-BKUlUXWF.js +2 -0
- package/cdn/template-BKUlUXWF.js.map +1 -0
- package/cdn/template-ClYP_1RH.js +31 -0
- package/cdn/template-ClYP_1RH.js.map +1 -0
- package/cdn/text-element-DW2FuvdI.js +2 -0
- package/cdn/text-element-DW2FuvdI.js.map +1 -0
- package/cdn/{text-element-dyiwucQB.js → text-element-LzVNdZbp.js} +50 -2
- package/cdn/text-element-LzVNdZbp.js.map +1 -0
- package/cdn/time-slider-chapters-element-Bf4gYppH.js +2 -0
- package/cdn/{time-slider-chapters-element-b6oeaZtJ.js.map → time-slider-chapters-element-Bf4gYppH.js.map} +1 -1
- package/cdn/{time-slider-chapters-element-BTMqnBhM.js → time-slider-chapters-element-DMkTYNg3.js} +5 -3
- package/cdn/time-slider-chapters-element-DMkTYNg3.js.map +1 -0
- package/cdn/{ui-BsUcH4YJ.js → ui-BL6b1m09.js} +7 -7
- package/cdn/{ui-BsUcH4YJ.js.map → ui-BL6b1m09.js.map} +1 -1
- package/cdn/ui-BbpSrILu.js +2 -0
- package/cdn/{ui-DLvwCbsU.js.map → ui-BbpSrILu.js.map} +1 -1
- package/cdn/ui-BmCfIOl5.js +38 -0
- package/cdn/ui-BmCfIOl5.js.map +1 -0
- package/cdn/ui-Bu9GX-M_.js +28 -0
- package/cdn/ui-Bu9GX-M_.js.map +1 -0
- package/cdn/ui-CBrFrvmm.js +2 -0
- package/cdn/{ui-CxftD4RF.js.map → ui-CBrFrvmm.js.map} +1 -1
- package/cdn/{ui-CtONjPC2.js → ui-CQsP0EFA.js} +9 -9
- package/cdn/{ui-CtONjPC2.js.map → ui-CQsP0EFA.js.map} +1 -1
- package/cdn/ui-Crbp7m4I.js +2 -0
- package/cdn/ui-Crbp7m4I.js.map +1 -0
- package/cdn/ui-DRKjxVsj.js +2 -0
- package/cdn/ui-DRKjxVsj.js.map +1 -0
- package/cdn/video-minimal-ui.dev.js +1 -1
- package/cdn/video-minimal-ui.js +1 -1
- package/cdn/video-minimal.dev.js +13 -12
- package/cdn/video-minimal.dev.js.map +1 -1
- package/cdn/video-minimal.js +1 -1
- package/cdn/video-minimal.js.map +1 -1
- package/cdn/video-player.dev.d.ts +1 -0
- package/cdn/video-player.dev.js +1 -0
- package/cdn/video-player.js +1 -0
- package/cdn/video-ui.dev.js +1 -1
- package/cdn/video-ui.js +1 -1
- package/cdn/video.dev.js +14 -13
- package/cdn/video.dev.js.map +1 -1
- package/cdn/video.js +1 -1
- package/cdn/video.js.map +1 -1
- package/dist/default/_virtual/inline-css_src/define/audio/minimal-skin.js +1 -1
- package/dist/default/_virtual/inline-css_src/define/audio/minimal-skin.js.map +1 -1
- package/dist/default/_virtual/inline-css_src/define/audio/skin.js +1 -1
- package/dist/default/_virtual/inline-css_src/define/audio/skin.js.map +1 -1
- package/dist/default/_virtual/inline-css_src/define/live-audio/minimal-skin.js +1 -1
- package/dist/default/_virtual/inline-css_src/define/live-audio/minimal-skin.js.map +1 -1
- package/dist/default/_virtual/inline-css_src/define/live-audio/skin.js +1 -1
- package/dist/default/_virtual/inline-css_src/define/live-audio/skin.js.map +1 -1
- package/dist/default/_virtual/inline-css_src/define/live-video/minimal-skin.js +1 -1
- package/dist/default/_virtual/inline-css_src/define/live-video/minimal-skin.js.map +1 -1
- package/dist/default/_virtual/inline-css_src/define/live-video/skin.js +1 -1
- package/dist/default/_virtual/inline-css_src/define/live-video/skin.js.map +1 -1
- package/dist/default/_virtual/inline-css_src/define/video/minimal-skin.js +1 -1
- package/dist/default/_virtual/inline-css_src/define/video/minimal-skin.js.map +1 -1
- package/dist/default/_virtual/inline-css_src/define/video/skin.js +1 -1
- package/dist/default/_virtual/inline-css_src/define/video/skin.js.map +1 -1
- package/dist/default/define/audio/minimal-skin.css +39 -7
- package/dist/default/define/audio/skin.css +31 -7
- package/dist/default/define/live-audio/minimal-skin.css +39 -7
- package/dist/default/define/live-audio/skin.css +31 -7
- package/dist/default/define/live-video/minimal-skin.css +39 -7
- package/dist/default/define/live-video/minimal-skin.js +1 -1
- package/dist/default/define/live-video/minimal-skin.js.map +1 -1
- package/dist/default/define/live-video/minimal-skin.tailwind.js +1 -1
- package/dist/default/define/live-video/minimal-skin.tailwind.js.map +1 -1
- package/dist/default/define/live-video/skin.css +31 -7
- package/dist/default/define/live-video/skin.js +1 -1
- package/dist/default/define/live-video/skin.js.map +1 -1
- package/dist/default/define/live-video/skin.tailwind.js +1 -1
- package/dist/default/define/live-video/skin.tailwind.js.map +1 -1
- package/dist/default/define/video/minimal-skin.css +39 -7
- package/dist/default/define/video/minimal-skin.js +1 -1
- package/dist/default/define/video/minimal-skin.js.map +1 -1
- package/dist/default/define/video/minimal-skin.tailwind.js +1 -1
- package/dist/default/define/video/minimal-skin.tailwind.js.map +1 -1
- package/dist/default/define/video/skin.css +31 -7
- package/dist/default/define/video/skin.js +1 -1
- package/dist/default/define/video/skin.js.map +1 -1
- package/dist/default/define/video/skin.tailwind.js +1 -1
- package/dist/default/define/video/skin.tailwind.js.map +1 -1
- package/dist/default/i18n/provider-mixin.js +24 -0
- package/dist/default/i18n/provider-mixin.js.map +1 -1
- package/dist/default/skins/dist/default/default/tailwind/components/button-group.js +1 -1
- package/dist/default/skins/dist/default/default/tailwind/components/button-group.js.map +1 -1
- package/dist/default/skins/dist/default/default/tailwind/components/controls.js +1 -1
- package/dist/default/skins/dist/default/default/tailwind/components/controls.js.map +1 -1
- package/dist/default/skins/dist/default/default/tailwind/components/menu.js +8 -7
- package/dist/default/skins/dist/default/default/tailwind/components/menu.js.map +1 -1
- package/dist/default/skins/dist/default/default/tailwind/components/time.js +1 -1
- package/dist/default/skins/dist/default/default/tailwind/components/time.js.map +1 -1
- package/dist/default/skins/dist/default/minimal/tailwind/components/button-group.js +1 -1
- package/dist/default/skins/dist/default/minimal/tailwind/components/button-group.js.map +1 -1
- package/dist/default/skins/dist/default/minimal/tailwind/components/controls.js +1 -1
- package/dist/default/skins/dist/default/minimal/tailwind/components/controls.js.map +1 -1
- package/dist/default/skins/dist/default/minimal/tailwind/components/menu.js +8 -7
- package/dist/default/skins/dist/default/minimal/tailwind/components/menu.js.map +1 -1
- package/dist/default/skins/dist/default/minimal/tailwind/components/time.js +2 -2
- package/dist/default/skins/dist/default/minimal/tailwind/components/time.js.map +1 -1
- package/dist/default/ui/slider/slider-element.js +1 -2
- package/dist/default/ui/slider/slider-element.js.map +1 -1
- package/dist/default/ui/time-slider/time-slider-element.js +1 -2
- package/dist/default/ui/time-slider/time-slider-element.js.map +1 -1
- package/dist/default/ui/volume-slider/volume-slider-element.js +1 -2
- package/dist/default/ui/volume-slider/volume-slider-element.js.map +1 -1
- package/dist/dev/_virtual/inline-css_src/define/audio/minimal-skin.js +1 -1
- package/dist/dev/_virtual/inline-css_src/define/audio/minimal-skin.js.map +1 -1
- package/dist/dev/_virtual/inline-css_src/define/audio/skin.js +1 -1
- package/dist/dev/_virtual/inline-css_src/define/audio/skin.js.map +1 -1
- package/dist/dev/_virtual/inline-css_src/define/live-audio/minimal-skin.js +1 -1
- package/dist/dev/_virtual/inline-css_src/define/live-audio/minimal-skin.js.map +1 -1
- package/dist/dev/_virtual/inline-css_src/define/live-audio/skin.js +1 -1
- package/dist/dev/_virtual/inline-css_src/define/live-audio/skin.js.map +1 -1
- package/dist/dev/_virtual/inline-css_src/define/live-video/minimal-skin.js +1 -1
- package/dist/dev/_virtual/inline-css_src/define/live-video/minimal-skin.js.map +1 -1
- package/dist/dev/_virtual/inline-css_src/define/live-video/skin.js +1 -1
- package/dist/dev/_virtual/inline-css_src/define/live-video/skin.js.map +1 -1
- package/dist/dev/_virtual/inline-css_src/define/video/minimal-skin.js +1 -1
- package/dist/dev/_virtual/inline-css_src/define/video/minimal-skin.js.map +1 -1
- package/dist/dev/_virtual/inline-css_src/define/video/skin.js +1 -1
- package/dist/dev/_virtual/inline-css_src/define/video/skin.js.map +1 -1
- package/dist/dev/define/audio/minimal-skin.css +39 -7
- package/dist/dev/define/audio/skin.css +31 -7
- package/dist/dev/define/live-audio/minimal-skin.css +39 -7
- package/dist/dev/define/live-audio/skin.css +31 -7
- package/dist/dev/define/live-video/minimal-skin.css +39 -7
- package/dist/dev/define/live-video/minimal-skin.js +1 -1
- package/dist/dev/define/live-video/minimal-skin.js.map +1 -1
- package/dist/dev/define/live-video/minimal-skin.tailwind.js +1 -1
- package/dist/dev/define/live-video/minimal-skin.tailwind.js.map +1 -1
- package/dist/dev/define/live-video/skin.css +31 -7
- package/dist/dev/define/live-video/skin.js +1 -1
- package/dist/dev/define/live-video/skin.js.map +1 -1
- package/dist/dev/define/live-video/skin.tailwind.js +1 -1
- package/dist/dev/define/live-video/skin.tailwind.js.map +1 -1
- package/dist/dev/define/video/minimal-skin.css +39 -7
- package/dist/dev/define/video/minimal-skin.js +8 -8
- package/dist/dev/define/video/minimal-skin.js.map +1 -1
- package/dist/dev/define/video/minimal-skin.tailwind.js +12 -12
- package/dist/dev/define/video/minimal-skin.tailwind.js.map +1 -1
- package/dist/dev/define/video/skin.css +31 -7
- package/dist/dev/define/video/skin.js +8 -8
- package/dist/dev/define/video/skin.js.map +1 -1
- package/dist/dev/define/video/skin.tailwind.js +12 -12
- package/dist/dev/define/video/skin.tailwind.js.map +1 -1
- package/dist/dev/i18n/provider-mixin.d.ts.map +1 -1
- package/dist/dev/i18n/provider-mixin.js +24 -0
- package/dist/dev/i18n/provider-mixin.js.map +1 -1
- package/dist/dev/packages/skins/dist/default/default/tailwind/components/button-group.js +1 -1
- package/dist/dev/packages/skins/dist/default/default/tailwind/components/button-group.js.map +1 -1
- package/dist/dev/packages/skins/dist/default/default/tailwind/components/controls.js +1 -1
- package/dist/dev/packages/skins/dist/default/default/tailwind/components/controls.js.map +1 -1
- package/dist/dev/packages/skins/dist/default/default/tailwind/components/menu.js +8 -7
- package/dist/dev/packages/skins/dist/default/default/tailwind/components/menu.js.map +1 -1
- package/dist/dev/packages/skins/dist/default/default/tailwind/components/time.js +1 -1
- package/dist/dev/packages/skins/dist/default/default/tailwind/components/time.js.map +1 -1
- package/dist/dev/packages/skins/dist/default/minimal/tailwind/components/button-group.js +1 -1
- package/dist/dev/packages/skins/dist/default/minimal/tailwind/components/button-group.js.map +1 -1
- package/dist/dev/packages/skins/dist/default/minimal/tailwind/components/controls.js +1 -1
- package/dist/dev/packages/skins/dist/default/minimal/tailwind/components/controls.js.map +1 -1
- package/dist/dev/packages/skins/dist/default/minimal/tailwind/components/menu.js +8 -7
- package/dist/dev/packages/skins/dist/default/minimal/tailwind/components/menu.js.map +1 -1
- package/dist/dev/packages/skins/dist/default/minimal/tailwind/components/time.js +2 -2
- package/dist/dev/packages/skins/dist/default/minimal/tailwind/components/time.js.map +1 -1
- package/dist/dev/ui/slider/slider-element.d.ts.map +1 -1
- package/dist/dev/ui/slider/slider-element.js +1 -2
- package/dist/dev/ui/slider/slider-element.js.map +1 -1
- package/dist/dev/ui/time-slider/time-slider-element.d.ts.map +1 -1
- package/dist/dev/ui/time-slider/time-slider-element.js +1 -2
- package/dist/dev/ui/time-slider/time-slider-element.js.map +1 -1
- package/dist/dev/ui/volume-slider/volume-slider-element.d.ts.map +1 -1
- package/dist/dev/ui/volume-slider/volume-slider-element.js +1 -2
- package/dist/dev/ui/volume-slider/volume-slider-element.js.map +1 -1
- package/docs/README.md +1 -1
- package/docs/concepts/media-sources.md +26 -2
- package/docs/concepts/skins.md +39 -15
- package/docs/how-to/customize-skins.md +7662 -48
- package/docs/how-to/i18n-switch-locale.md +27 -0
- package/docs/how-to/installation.md +4 -4
- package/docs/how-to/migrate-from-plyr.md +1 -5
- package/docs/llms.txt +7 -0
- package/docs/reference/cloudflare-video.md +483 -0
- package/docs/reference/dash-video.md +54 -0
- package/docs/reference/feature-metadata.md +3 -1
- package/docs/reference/hlsjs-video.md +626 -0
- package/docs/reference/native-hls-video.md +40 -0
- package/docs/reference/shaka-video.md +588 -0
- package/docs/reference/spotify-audio.md +394 -0
- package/docs/reference/tiktok-video.md +504 -0
- package/docs/reference/title.md +1 -1
- package/docs/reference/twitch-video.md +447 -0
- package/docs/reference/vimeo-video.md +1038 -0
- package/docs/reference/youtube-video.md +573 -0
- package/package.json +9 -9
- package/cdn/audio-headless.dev.js +0 -1
- package/cdn/audio-headless.js +0 -1
- package/cdn/compounds-CHlzbAKu.js +0 -8
- package/cdn/compounds-CHlzbAKu.js.map +0 -1
- package/cdn/compounds-D1FPw7jg.js.map +0 -1
- package/cdn/create-player-LjvbIxIq.js +0 -2
- package/cdn/i18n-R3TQ8P2f.js +0 -2
- package/cdn/live-button-element-C-WypudK.js +0 -2
- package/cdn/media-B4uT13xV.js.map +0 -1
- package/cdn/media-D6Xer97u.js.map +0 -1
- package/cdn/minimal-ui-D3XCtSx_.js +0 -2
- package/cdn/poster-element-Djlm5fwC.js +0 -2
- package/cdn/seek-button-element-BD2caCd5.js.map +0 -1
- package/cdn/seek-button-element-CgaXVFPS.js +0 -2
- package/cdn/skin-element-DE8OodF5.js +0 -2
- package/cdn/text-element-BJyj7nLo.js +0 -2
- package/cdn/text-element-BJyj7nLo.js.map +0 -1
- package/cdn/text-element-dyiwucQB.js.map +0 -1
- package/cdn/time-slider-chapters-element-BTMqnBhM.js.map +0 -1
- package/cdn/time-slider-chapters-element-b6oeaZtJ.js +0 -2
- package/cdn/ui-CxftD4RF.js +0 -2
- package/cdn/ui-DLvwCbsU.js +0 -2
- package/cdn/video-headless.dev.js +0 -1
- package/cdn/video-headless.js +0 -1
- /package/cdn/{audio-headless.dev.d.ts → audio-player.dev.d.ts} +0 -0
- /package/cdn/{video-headless.dev.d.ts → live-audio-minimal-ui.dev.d.ts} +0 -0
|
@@ -298,6 +298,632 @@ Read-only.
|
|
|
298
298
|
|
|
299
299
|
Also exposes these properties from the native media API. See [HTMLVideoElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement) for details: `autoplay``buffered``controls``crossOrigin``currentSrc``currentTime``defaultMuted``defaultPlaybackRate``disablePictureInPicture``disableRemotePlayback``duration``ended``loop``muted``paused``playbackRate``played``playsInline``poster``readyState``remote``seekable``seeking``textTracks``title``videoHeight``videoWidth``volume`
|
|
300
300
|
|
|
301
|
+
### Engine options
|
|
302
|
+
|
|
303
|
+
#### `source.engine.hlsJs`
|
|
304
|
+
|
|
305
|
+
Pass hls.js’s own configuration here. It’s handed to hls.js untouched, so every option in its [config reference](https://github.com/video-dev/hls.js/blob/master/docs/API.md#fine-tuning) works, spelled the way hls.js spells it. [Media Sources](../concepts/media-sources.md) covers how engine options fit into a structured source.
|
|
306
|
+
|
|
307
|
+
The names and types below come from hls.js’s own type definitions, so they tell you what exists and what shape it takes. hls.js documents what each one does; the descriptions are theirs to write, and most are blank here because its types carry none.
|
|
308
|
+
|
|
309
|
+
ts
|
|
310
|
+
|
|
311
|
+
```
|
|
312
|
+
const video = document.querySelector('hlsjs-video');
|
|
313
|
+
video.source = {
|
|
314
|
+
src: 'https://example.com/playlist.m3u8',
|
|
315
|
+
engine: { hlsJs: { maxBufferLength: 30, lowLatencyMode: true } },
|
|
316
|
+
};
|
|
317
|
+
```
|
|
318
|
+
|
|
319
|
+
Option
|
|
320
|
+
|
|
321
|
+
Type
|
|
322
|
+
|
|
323
|
+
Details
|
|
324
|
+
|
|
325
|
+
`abrBandWidthFactor`
|
|
326
|
+
|
|
327
|
+
`number`
|
|
328
|
+
|
|
329
|
+
`abrBandWidthUpFactor`
|
|
330
|
+
|
|
331
|
+
`number`
|
|
332
|
+
|
|
333
|
+
`abrController`
|
|
334
|
+
|
|
335
|
+
`typeof AbrController`
|
|
336
|
+
|
|
337
|
+
`abrEwmaDefaultEstimate`
|
|
338
|
+
|
|
339
|
+
`number`
|
|
340
|
+
|
|
341
|
+
▸
|
|
342
|
+
|
|
343
|
+
Description
|
|
344
|
+
|
|
345
|
+
Default bandwidth estimate in bits/s prior to collecting fragment bandwidth samples
|
|
346
|
+
|
|
347
|
+
`abrEwmaDefaultEstimateMax`
|
|
348
|
+
|
|
349
|
+
`number`
|
|
350
|
+
|
|
351
|
+
`abrEwmaFastLive`
|
|
352
|
+
|
|
353
|
+
`number`
|
|
354
|
+
|
|
355
|
+
`abrEwmaFastVoD`
|
|
356
|
+
|
|
357
|
+
`number`
|
|
358
|
+
|
|
359
|
+
`abrEwmaSlowLive`
|
|
360
|
+
|
|
361
|
+
`number`
|
|
362
|
+
|
|
363
|
+
`abrEwmaSlowVoD`
|
|
364
|
+
|
|
365
|
+
`number`
|
|
366
|
+
|
|
367
|
+
`abrMaxWithRealBitrate`
|
|
368
|
+
|
|
369
|
+
`boolean`
|
|
370
|
+
|
|
371
|
+
`appendErrorMaxRetry`
|
|
372
|
+
|
|
373
|
+
`number`
|
|
374
|
+
|
|
375
|
+
`assetPlayerId`
|
|
376
|
+
|
|
377
|
+
`string`
|
|
378
|
+
|
|
379
|
+
`audioPreference`
|
|
380
|
+
|
|
381
|
+
`AudioSelectionOption`
|
|
382
|
+
|
|
383
|
+
`audioStreamController`
|
|
384
|
+
|
|
385
|
+
`typeof AudioStreamController`
|
|
386
|
+
|
|
387
|
+
`audioTrackController`
|
|
388
|
+
|
|
389
|
+
`typeof AudioTrackController`
|
|
390
|
+
|
|
391
|
+
`autoStartLoad`
|
|
392
|
+
|
|
393
|
+
`boolean`
|
|
394
|
+
|
|
395
|
+
`backBufferLength`
|
|
396
|
+
|
|
397
|
+
`number`
|
|
398
|
+
|
|
399
|
+
`bufferController`
|
|
400
|
+
|
|
401
|
+
`typeof BufferController`
|
|
402
|
+
|
|
403
|
+
`capLevelController`
|
|
404
|
+
|
|
405
|
+
`typeof CapLevelController`
|
|
406
|
+
|
|
407
|
+
`capLevelOnFPSDrop`
|
|
408
|
+
|
|
409
|
+
`boolean`
|
|
410
|
+
|
|
411
|
+
`capLevelToPlayerSize`
|
|
412
|
+
|
|
413
|
+
`boolean`
|
|
414
|
+
|
|
415
|
+
`captionsTextTrack1Label`
|
|
416
|
+
|
|
417
|
+
`string`
|
|
418
|
+
|
|
419
|
+
`captionsTextTrack1LanguageCode`
|
|
420
|
+
|
|
421
|
+
`string`
|
|
422
|
+
|
|
423
|
+
`captionsTextTrack2Label`
|
|
424
|
+
|
|
425
|
+
`string`
|
|
426
|
+
|
|
427
|
+
`captionsTextTrack2LanguageCode`
|
|
428
|
+
|
|
429
|
+
`string`
|
|
430
|
+
|
|
431
|
+
`captionsTextTrack3Label`
|
|
432
|
+
|
|
433
|
+
`string`
|
|
434
|
+
|
|
435
|
+
`captionsTextTrack3LanguageCode`
|
|
436
|
+
|
|
437
|
+
`string`
|
|
438
|
+
|
|
439
|
+
`captionsTextTrack4Label`
|
|
440
|
+
|
|
441
|
+
`string`
|
|
442
|
+
|
|
443
|
+
`captionsTextTrack4LanguageCode`
|
|
444
|
+
|
|
445
|
+
`string`
|
|
446
|
+
|
|
447
|
+
`certLoadPolicy`
|
|
448
|
+
|
|
449
|
+
`LoadPolicy`
|
|
450
|
+
|
|
451
|
+
`cmcd`
|
|
452
|
+
|
|
453
|
+
`CMCDControllerConfig`
|
|
454
|
+
|
|
455
|
+
`cmcdController`
|
|
456
|
+
|
|
457
|
+
`typeof CMCDController`
|
|
458
|
+
|
|
459
|
+
`contentSteeringController`
|
|
460
|
+
|
|
461
|
+
`typeof ContentSteeringController`
|
|
462
|
+
|
|
463
|
+
`cueHandler`
|
|
464
|
+
|
|
465
|
+
`CuesInterface`
|
|
466
|
+
|
|
467
|
+
`debug`
|
|
468
|
+
|
|
469
|
+
`boolean | ILogger`
|
|
470
|
+
|
|
471
|
+
`defaultAudioCodec`
|
|
472
|
+
|
|
473
|
+
`string`
|
|
474
|
+
|
|
475
|
+
`detectStallWithCurrentTimeMs`
|
|
476
|
+
|
|
477
|
+
`number`
|
|
478
|
+
|
|
479
|
+
`drmSystemOptions`
|
|
480
|
+
|
|
481
|
+
`DRMSystemOptions | undefined`
|
|
482
|
+
|
|
483
|
+
`drmSystems`
|
|
484
|
+
|
|
485
|
+
`Partial<Record<KeySystems, DRMSystemC...`
|
|
486
|
+
|
|
487
|
+
▸
|
|
488
|
+
|
|
489
|
+
Type
|
|
490
|
+
|
|
491
|
+
`Partial<Record<KeySystems, DRMSystemConfiguration>> | undefined`
|
|
492
|
+
|
|
493
|
+
`emeController`
|
|
494
|
+
|
|
495
|
+
`typeof EMEController`
|
|
496
|
+
|
|
497
|
+
`emeEnabled`
|
|
498
|
+
|
|
499
|
+
`boolean`
|
|
500
|
+
|
|
501
|
+
`enableCEA708Captions`
|
|
502
|
+
|
|
503
|
+
`boolean`
|
|
504
|
+
|
|
505
|
+
`enableDateRangeMetadataCues`
|
|
506
|
+
|
|
507
|
+
`boolean`
|
|
508
|
+
|
|
509
|
+
`enableEmsgKLVMetadata`
|
|
510
|
+
|
|
511
|
+
`boolean`
|
|
512
|
+
|
|
513
|
+
`enableEmsgMetadataCues`
|
|
514
|
+
|
|
515
|
+
`boolean`
|
|
516
|
+
|
|
517
|
+
`enableID3MetadataCues`
|
|
518
|
+
|
|
519
|
+
`boolean`
|
|
520
|
+
|
|
521
|
+
`enableIMSC1`
|
|
522
|
+
|
|
523
|
+
`boolean`
|
|
524
|
+
|
|
525
|
+
`enableInterstitialPlayback`
|
|
526
|
+
|
|
527
|
+
`boolean`
|
|
528
|
+
|
|
529
|
+
`enableSoftwareAES`
|
|
530
|
+
|
|
531
|
+
`boolean`
|
|
532
|
+
|
|
533
|
+
`enableWebVTT`
|
|
534
|
+
|
|
535
|
+
`boolean`
|
|
536
|
+
|
|
537
|
+
`enableWorker`
|
|
538
|
+
|
|
539
|
+
`boolean`
|
|
540
|
+
|
|
541
|
+
`errorController`
|
|
542
|
+
|
|
543
|
+
`typeof ErrorController`
|
|
544
|
+
|
|
545
|
+
`fetchSetup`
|
|
546
|
+
|
|
547
|
+
`function`
|
|
548
|
+
|
|
549
|
+
▸
|
|
550
|
+
|
|
551
|
+
Type
|
|
552
|
+
|
|
553
|
+
`(context: LoaderContext, initParams: any) => Request | Promise<Request>`
|
|
554
|
+
|
|
555
|
+
`fLoader`
|
|
556
|
+
|
|
557
|
+
`FragmentLoaderConstructor`
|
|
558
|
+
|
|
559
|
+
`forceKeyFrameOnDiscontinuity`
|
|
560
|
+
|
|
561
|
+
`boolean`
|
|
562
|
+
|
|
563
|
+
`fpsController`
|
|
564
|
+
|
|
565
|
+
`typeof FPSController`
|
|
566
|
+
|
|
567
|
+
`fpsDroppedMonitoringPeriod`
|
|
568
|
+
|
|
569
|
+
`number`
|
|
570
|
+
|
|
571
|
+
`fpsDroppedMonitoringThreshold`
|
|
572
|
+
|
|
573
|
+
`number`
|
|
574
|
+
|
|
575
|
+
`fragLoadingMaxRetry`
|
|
576
|
+
|
|
577
|
+
`number`
|
|
578
|
+
|
|
579
|
+
`fragLoadingMaxRetryTimeout`
|
|
580
|
+
|
|
581
|
+
`number`
|
|
582
|
+
|
|
583
|
+
`fragLoadingRetryDelay`
|
|
584
|
+
|
|
585
|
+
`number`
|
|
586
|
+
|
|
587
|
+
`fragLoadingTimeOut`
|
|
588
|
+
|
|
589
|
+
`number`
|
|
590
|
+
|
|
591
|
+
`fragLoadPolicy`
|
|
592
|
+
|
|
593
|
+
`LoadPolicy`
|
|
594
|
+
|
|
595
|
+
`frontBufferFlushThreshold`
|
|
596
|
+
|
|
597
|
+
`number`
|
|
598
|
+
|
|
599
|
+
`highBufferWatchdogPeriod`
|
|
600
|
+
|
|
601
|
+
`number`
|
|
602
|
+
|
|
603
|
+
`ignoreDevicePixelRatio`
|
|
604
|
+
|
|
605
|
+
`boolean`
|
|
606
|
+
|
|
607
|
+
`ignorePlaylistParsingErrors`
|
|
608
|
+
|
|
609
|
+
`boolean`
|
|
610
|
+
|
|
611
|
+
`initialLiveManifestSize`
|
|
612
|
+
|
|
613
|
+
`number`
|
|
614
|
+
|
|
615
|
+
`interstitialAppendInPlace`
|
|
616
|
+
|
|
617
|
+
`boolean`
|
|
618
|
+
|
|
619
|
+
`interstitialAssetListLoadPolicy`
|
|
620
|
+
|
|
621
|
+
`LoadPolicy`
|
|
622
|
+
|
|
623
|
+
`interstitialLiveLookAhead`
|
|
624
|
+
|
|
625
|
+
`number`
|
|
626
|
+
|
|
627
|
+
`interstitialsController`
|
|
628
|
+
|
|
629
|
+
`typeof InterstitialsController`
|
|
630
|
+
|
|
631
|
+
`keyLoadPolicy`
|
|
632
|
+
|
|
633
|
+
`LoadPolicy`
|
|
634
|
+
|
|
635
|
+
`levelLoadingMaxRetry`
|
|
636
|
+
|
|
637
|
+
`number`
|
|
638
|
+
|
|
639
|
+
`levelLoadingMaxRetryTimeout`
|
|
640
|
+
|
|
641
|
+
`number`
|
|
642
|
+
|
|
643
|
+
`levelLoadingRetryDelay`
|
|
644
|
+
|
|
645
|
+
`number`
|
|
646
|
+
|
|
647
|
+
`levelLoadingTimeOut`
|
|
648
|
+
|
|
649
|
+
`number`
|
|
650
|
+
|
|
651
|
+
`licenseResponseCallback`
|
|
652
|
+
|
|
653
|
+
`function`
|
|
654
|
+
|
|
655
|
+
▸
|
|
656
|
+
|
|
657
|
+
Type
|
|
658
|
+
|
|
659
|
+
`(this: Hls, xhr: XMLHttpRequest, url: string, keyContext: MediaKeySessionContext) => ArrayBuffer`
|
|
660
|
+
|
|
661
|
+
`licenseXhrSetup`
|
|
662
|
+
|
|
663
|
+
`function`
|
|
664
|
+
|
|
665
|
+
▸
|
|
666
|
+
|
|
667
|
+
Type
|
|
668
|
+
|
|
669
|
+
`(this: Hls, xhr: XMLHttpRequest, url: string, keyContext: MediaKeySessionContext, licenseChallenge: Uint8Array<ArrayBufferLike>) => void | ... 1 more ... | Promise<...>`
|
|
670
|
+
|
|
671
|
+
`liveBackBufferLength`
|
|
672
|
+
|
|
673
|
+
`number | null`
|
|
674
|
+
|
|
675
|
+
`liveDurationInfinity`
|
|
676
|
+
|
|
677
|
+
`boolean`
|
|
678
|
+
|
|
679
|
+
`liveMaxLatencyDuration`
|
|
680
|
+
|
|
681
|
+
`number`
|
|
682
|
+
|
|
683
|
+
`liveMaxLatencyDurationCount`
|
|
684
|
+
|
|
685
|
+
`number`
|
|
686
|
+
|
|
687
|
+
`liveSyncDuration`
|
|
688
|
+
|
|
689
|
+
`number`
|
|
690
|
+
|
|
691
|
+
`liveSyncDurationCount`
|
|
692
|
+
|
|
693
|
+
`number`
|
|
694
|
+
|
|
695
|
+
`liveSyncMode`
|
|
696
|
+
|
|
697
|
+
`"buffered" | "edge"`
|
|
698
|
+
|
|
699
|
+
`liveSyncOnStallIncrease`
|
|
700
|
+
|
|
701
|
+
`number`
|
|
702
|
+
|
|
703
|
+
`loader`
|
|
704
|
+
|
|
705
|
+
`function`
|
|
706
|
+
|
|
707
|
+
▸
|
|
708
|
+
|
|
709
|
+
Type
|
|
710
|
+
|
|
711
|
+
`new (confg: HlsConfig) => Loader<LoaderContext>`
|
|
712
|
+
|
|
713
|
+
`lowLatencyMode`
|
|
714
|
+
|
|
715
|
+
`boolean`
|
|
716
|
+
|
|
717
|
+
`manifestLoadingMaxRetry`
|
|
718
|
+
|
|
719
|
+
`number`
|
|
720
|
+
|
|
721
|
+
`manifestLoadingMaxRetryTimeout`
|
|
722
|
+
|
|
723
|
+
`number`
|
|
724
|
+
|
|
725
|
+
`manifestLoadingRetryDelay`
|
|
726
|
+
|
|
727
|
+
`number`
|
|
728
|
+
|
|
729
|
+
`manifestLoadingTimeOut`
|
|
730
|
+
|
|
731
|
+
`number`
|
|
732
|
+
|
|
733
|
+
`manifestLoadPolicy`
|
|
734
|
+
|
|
735
|
+
`LoadPolicy`
|
|
736
|
+
|
|
737
|
+
`maxAudioFramesDrift`
|
|
738
|
+
|
|
739
|
+
`number`
|
|
740
|
+
|
|
741
|
+
`maxBufferHole`
|
|
742
|
+
|
|
743
|
+
`number`
|
|
744
|
+
|
|
745
|
+
`maxBufferLength`
|
|
746
|
+
|
|
747
|
+
`number`
|
|
748
|
+
|
|
749
|
+
`maxBufferSize`
|
|
750
|
+
|
|
751
|
+
`number`
|
|
752
|
+
|
|
753
|
+
`maxDevicePixelRatio`
|
|
754
|
+
|
|
755
|
+
`number`
|
|
756
|
+
|
|
757
|
+
`maxFragLookUpTolerance`
|
|
758
|
+
|
|
759
|
+
`number`
|
|
760
|
+
|
|
761
|
+
`maxLiveSyncPlaybackRate`
|
|
762
|
+
|
|
763
|
+
`number`
|
|
764
|
+
|
|
765
|
+
`maxLoadingDelay`
|
|
766
|
+
|
|
767
|
+
`number`
|
|
768
|
+
|
|
769
|
+
`maxMaxBufferLength`
|
|
770
|
+
|
|
771
|
+
`number`
|
|
772
|
+
|
|
773
|
+
`maxStarvationDelay`
|
|
774
|
+
|
|
775
|
+
`number`
|
|
776
|
+
|
|
777
|
+
`minAutoBitrate`
|
|
778
|
+
|
|
779
|
+
`number`
|
|
780
|
+
|
|
781
|
+
`nudgeMaxRetry`
|
|
782
|
+
|
|
783
|
+
`number`
|
|
784
|
+
|
|
785
|
+
`nudgeOffset`
|
|
786
|
+
|
|
787
|
+
`number`
|
|
788
|
+
|
|
789
|
+
`nudgeOnVideoHole`
|
|
790
|
+
|
|
791
|
+
`boolean`
|
|
792
|
+
|
|
793
|
+
`playlistLoadPolicy`
|
|
794
|
+
|
|
795
|
+
`LoadPolicy`
|
|
796
|
+
|
|
797
|
+
`pLoader`
|
|
798
|
+
|
|
799
|
+
`PlaylistLoaderConstructor`
|
|
800
|
+
|
|
801
|
+
`preferManagedMediaSource`
|
|
802
|
+
|
|
803
|
+
`boolean`
|
|
804
|
+
|
|
805
|
+
`preserveManualLevelOnError`
|
|
806
|
+
|
|
807
|
+
`boolean`
|
|
808
|
+
|
|
809
|
+
`primarySessionId`
|
|
810
|
+
|
|
811
|
+
`string`
|
|
812
|
+
|
|
813
|
+
`progressive`
|
|
814
|
+
|
|
815
|
+
`boolean`
|
|
816
|
+
|
|
817
|
+
`renderTextTracksNatively`
|
|
818
|
+
|
|
819
|
+
`boolean`
|
|
820
|
+
|
|
821
|
+
`requestMediaKeySystemAccessFunc`
|
|
822
|
+
|
|
823
|
+
`MediaKeyFunc | null`
|
|
824
|
+
|
|
825
|
+
`requireKeySystemAccessOnStart`
|
|
826
|
+
|
|
827
|
+
`boolean`
|
|
828
|
+
|
|
829
|
+
`startFragPrefetch`
|
|
830
|
+
|
|
831
|
+
`boolean`
|
|
832
|
+
|
|
833
|
+
`startLevel`
|
|
834
|
+
|
|
835
|
+
`number`
|
|
836
|
+
|
|
837
|
+
`startOnSegmentBoundary`
|
|
838
|
+
|
|
839
|
+
`boolean`
|
|
840
|
+
|
|
841
|
+
`startPosition`
|
|
842
|
+
|
|
843
|
+
`number`
|
|
844
|
+
|
|
845
|
+
`steeringManifestLoadPolicy`
|
|
846
|
+
|
|
847
|
+
`LoadPolicy`
|
|
848
|
+
|
|
849
|
+
`stretchShortVideoTrack`
|
|
850
|
+
|
|
851
|
+
`boolean`
|
|
852
|
+
|
|
853
|
+
`subtitlePreference`
|
|
854
|
+
|
|
855
|
+
`SubtitleSelectionOption`
|
|
856
|
+
|
|
857
|
+
`subtitleStreamController`
|
|
858
|
+
|
|
859
|
+
`typeof SubtitleStreamController`
|
|
860
|
+
|
|
861
|
+
`subtitleTrackController`
|
|
862
|
+
|
|
863
|
+
`typeof SubtitleTrackController`
|
|
864
|
+
|
|
865
|
+
`testBandwidth`
|
|
866
|
+
|
|
867
|
+
`boolean`
|
|
868
|
+
|
|
869
|
+
`timelineController`
|
|
870
|
+
|
|
871
|
+
`typeof TimelineController`
|
|
872
|
+
|
|
873
|
+
`timelineOffset`
|
|
874
|
+
|
|
875
|
+
`number`
|
|
876
|
+
|
|
877
|
+
`useMediaCapabilities`
|
|
878
|
+
|
|
879
|
+
`boolean`
|
|
880
|
+
|
|
881
|
+
`videoPreference`
|
|
882
|
+
|
|
883
|
+
`VideoSelectionOption`
|
|
884
|
+
|
|
885
|
+
`widevineLicenseUrl`
|
|
886
|
+
|
|
887
|
+
`string`
|
|
888
|
+
|
|
889
|
+
`workerPath`
|
|
890
|
+
|
|
891
|
+
`string | null`
|
|
892
|
+
|
|
893
|
+
`xhrSetup`
|
|
894
|
+
|
|
895
|
+
`function`
|
|
896
|
+
|
|
897
|
+
▸
|
|
898
|
+
|
|
899
|
+
Type
|
|
900
|
+
|
|
901
|
+
`(xhr: XMLHttpRequest, url: string) => void | Promise<void>`
|
|
902
|
+
|
|
903
|
+
#### `source.engine.nativeHls`
|
|
904
|
+
|
|
905
|
+
When playback falls back to the browser’s own HLS, hls.js isn’t involved and its options don’t apply. This configures that path instead.
|
|
906
|
+
|
|
907
|
+
Option
|
|
908
|
+
|
|
909
|
+
Type
|
|
910
|
+
|
|
911
|
+
Details
|
|
912
|
+
|
|
913
|
+
`drmSystems`
|
|
914
|
+
|
|
915
|
+
`Partial<Record<KeySystem, DrmSystemCo...`
|
|
916
|
+
|
|
917
|
+
▸
|
|
918
|
+
|
|
919
|
+
Description
|
|
920
|
+
|
|
921
|
+
License servers for protected content, keyed by EME key system id. An escape hatch for licensing native playback differently from every other path: naming it replaces `source.drm` here, and nowhere else.
|
|
922
|
+
|
|
923
|
+
Type
|
|
924
|
+
|
|
925
|
+
`Partial<Record<KeySystem, DrmSystemConfig>> | undefined`
|
|
926
|
+
|
|
301
927
|
### Methods
|
|
302
928
|
|
|
303
929
|
Supports these media methods. See [HTMLVideoElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement) for details: `addTextTrack``canPlayType``exitFullscreen``exitPictureInPicture``load``pause``play``requestFullscreen``requestPictureInPicture`
|
|
@@ -252,6 +252,46 @@ Read-only.
|
|
|
252
252
|
|
|
253
253
|
Also exposes these properties from the native media API. See [HTMLVideoElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement) for details: `autoplay``buffered``controls``crossOrigin``currentSrc``currentTime``defaultMuted``defaultPlaybackRate``disablePictureInPicture``disableRemotePlayback``duration``ended``loop``muted``paused``playbackRate``played``playsInline``poster``readyState``remote``seekable``seeking``textTracks``title``videoHeight``videoWidth``volume`
|
|
254
254
|
|
|
255
|
+
### Engine options
|
|
256
|
+
|
|
257
|
+
#### `source.engine.nativeHls`
|
|
258
|
+
|
|
259
|
+
This element hands playback to the browser, so there’s no JavaScript engine to configure. This carries the one thing native playback still needs from you. [Media Sources](../concepts/media-sources.md) covers how engine options fit into a structured source.
|
|
260
|
+
|
|
261
|
+
ts
|
|
262
|
+
|
|
263
|
+
```
|
|
264
|
+
const video = document.querySelector('native-hls-video');
|
|
265
|
+
video.source = {
|
|
266
|
+
src: 'https://example.com/playlist.m3u8',
|
|
267
|
+
engine: {
|
|
268
|
+
nativeHls: {
|
|
269
|
+
drmSystems: { 'com.apple.fps': { licenseUrl: 'https://example.com/license' } },
|
|
270
|
+
},
|
|
271
|
+
},
|
|
272
|
+
};
|
|
273
|
+
```
|
|
274
|
+
|
|
275
|
+
Option
|
|
276
|
+
|
|
277
|
+
Type
|
|
278
|
+
|
|
279
|
+
Details
|
|
280
|
+
|
|
281
|
+
`drmSystems`
|
|
282
|
+
|
|
283
|
+
`Partial<Record<KeySystem, DrmSystemCo...`
|
|
284
|
+
|
|
285
|
+
▸
|
|
286
|
+
|
|
287
|
+
Description
|
|
288
|
+
|
|
289
|
+
License servers for protected content, keyed by EME key system id. An escape hatch for licensing native playback differently from every other path: naming it replaces `source.drm` here, and nowhere else.
|
|
290
|
+
|
|
291
|
+
Type
|
|
292
|
+
|
|
293
|
+
`Partial<Record<KeySystem, DrmSystemConfig>> | undefined`
|
|
294
|
+
|
|
255
295
|
### Methods
|
|
256
296
|
|
|
257
297
|
Supports these media methods. See [HTMLVideoElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement) for details: `addTextTrack``canPlayType``exitFullscreen``exitPictureInPicture``load``pause``play``requestFullscreen``requestPictureInPicture`
|