@flowplayer/player 3.0.5 → 3.0.7

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.
Files changed (25) hide show
  1. package/core.js +2 -2
  2. package/default.js +2 -2
  3. package/embed.js +4 -4
  4. package/flowplayer.css +1 -1
  5. package/index.d.ts +64 -19
  6. package/package.json +1 -9
  7. package/plugins/asel.js +1 -1
  8. package/plugins/chromecast.js +1 -1
  9. package/plugins/endscreen.js +1 -1
  10. package/plugins/health.js +2 -2
  11. package/plugins/hls.js +1 -1
  12. package/plugins/ovp.js +1 -1
  13. package/plugins/qsel.js +1 -1
  14. package/plugins/share.js +1 -1
  15. package/plugins/speed.js +1 -1
  16. package/plugins/subtitles.js +1 -1
  17. package/plugins/thumbnails.js +1 -1
  18. package/core/autoplay-enum.d.ts +0 -5
  19. package/core/autoplay-enum.js +0 -9
  20. package/core/quality-enum.d.ts +0 -5
  21. package/core/quality-enum.js +0 -9
  22. package/drm/constants.d.ts +0 -12
  23. package/drm/constants.js +0 -15
  24. package/drm/types.d.ts +0 -46
  25. package/drm/types.js +0 -3
package/flowplayer.css CHANGED
@@ -1 +1 @@
1
- :root{--fp-play-circle-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 50 50' fill='white' %3E%3Ccircle cx='22.9' cy='22.9' r='23.5' stroke='white' fill='none' stroke-width='2'%3E%3C/circle%3E%3Cpath d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='translate(11.5, 9.8) scale(.57) rotate(90 20 25.4)'%3E%3C/path%3E%3C/svg%3E");--fp-play-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 50 50' fill='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath id='fp-play-button' d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(90 20 25.4)' /%3E%3C/svg%3E");--fp-play-stroke-icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 50 50' fill='none' stroke-width='2' stroke='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath id='fp-play-button' d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(90 20 25.4)' /%3E%3C/svg%3E");--fp-pause-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 50 50' fill='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='8.5' y='5' width='11' height='36'/%3E%3Crect x='26.5' y='5' width='11' height='36'/%3E%3C/svg%3E");--fp-pause-stroke-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 50 50' fill='none' stroke-width='2' stroke='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='8.5' y='5' width='11' height='36'/%3E%3Crect x='26.5' y='5' width='11' height='36'/%3E%3C/svg%3E");--fp-volume-icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 36 58' fill='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath rx='1' ry='1' d='M0 15h30v24H0z' /%3E%3Cpath d='M1 27L31 0v54z' /%3E%3C/svg%3E");--fp-fs-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -2 40 30' fill='none' stroke-width='2' stroke='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath id='FS' d='M1 9V1h12' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(1 0 0 -1 0 26)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(-1 0 0 1 36 0)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='rotate(180 18 13)' /%3E%3C/svg%3E");--fp-fs-exit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -2 40 30' fill='none' stroke-width='2' stroke='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath id='FS' d='M1 9V1h12' transform='translate(22 17)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(-1 0 0 1 13 17)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='rotate(180 6.5 4.5)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(1 0 0 -1 22 9)' /%3E%3C/svg%3E");--fp-facebook-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 25 460 460' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%234469B0' d='M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z'/%3E%3C/svg%3E%0A");--fp-link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='white' d='M301.148 394.702l-79.2 79.19c-50.778 50.799-133.037 50.824-183.84 0-50.799-50.778-50.824-133.037 0-183.84l79.19-79.2a132.833 132.833 0 0 1 3.532-3.403c7.55-7.005 19.795-2.004 20.208 8.286.193 4.807.598 9.607 1.216 14.384.481 3.717-.746 7.447-3.397 10.096-16.48 16.469-75.142 75.128-75.3 75.286-36.738 36.759-36.731 96.188 0 132.94 36.759 36.738 96.188 36.731 132.94 0l79.2-79.2.36-.36c36.301-36.672 36.14-96.07-.37-132.58-8.214-8.214-17.577-14.58-27.585-19.109-4.566-2.066-7.426-6.667-7.134-11.67a62.197 62.197 0 0 1 2.826-15.259c2.103-6.601 9.531-9.961 15.919-7.28 15.073 6.324 29.187 15.62 41.435 27.868 50.688 50.689 50.679 133.17 0 183.851zm-90.296-93.554c12.248 12.248 26.362 21.544 41.435 27.868 6.388 2.68 13.816-.68 15.919-7.28a62.197 62.197 0 0 0 2.826-15.259c.292-5.003-2.569-9.604-7.134-11.67-10.008-4.528-19.371-10.894-27.585-19.109-36.51-36.51-36.671-95.908-.37-132.58l.36-.36 79.2-79.2c36.752-36.731 96.181-36.738 132.94 0 36.731 36.752 36.738 96.181 0 132.94-.157.157-58.819 58.817-75.3 75.286-2.651 2.65-3.878 6.379-3.397 10.096a163.156 163.156 0 0 1 1.216 14.384c.413 10.291 12.659 15.291 20.208 8.286a131.324 131.324 0 0 0 3.532-3.403l79.19-79.2c50.824-50.803 50.799-133.062 0-183.84-50.802-50.824-133.062-50.799-183.84 0l-79.2 79.19c-50.679 50.682-50.688 133.163 0 183.851z'/%3E%3C/svg%3E");--fp-share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 448 512' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M448 416c0 53.019-42.981 96-96 96s-96-42.981-96-96c0-12.965 2.576-25.327 7.235-36.61l-95.45-59.657C150.199 339.525 124.558 352 96 352c-53.019 0-96-42.981-96-96s42.981-96 96-96c28.558 0 54.199 12.475 71.784 32.267l95.45-59.657C258.576 121.327 256 108.965 256 96c0-53.019 42.981-96 96-96s96 42.981 96 96-42.981 96-96 96c-28.558 0-54.199-12.475-71.784-32.267l-95.451 59.656c9.661 23.396 9.641 49.87 0 73.22l95.451 59.656C297.801 332.475 323.442 320 352 320c53.019 0 96 42.981 96 96zM352 32c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64M96 192c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64m256 160c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64'/%3E%3C/svg%3E");--fp-embed-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M448 416c0 53.019-42.981 96-96 96s-96-42.981-96-96c0-12.965 2.576-25.327 7.235-36.61l-95.45-59.657C150.199 339.525 124.558 352 96 352c-53.019 0-96-42.981-96-96s42.981-96 96-96c28.558 0 54.199 12.475 71.784 32.267l95.45-59.657C258.576 121.327 256 108.965 256 96c0-53.019 42.981-96 96-96s96 42.981 96 96-42.981 96-96 96c-28.558 0-54.199-12.475-71.784-32.267l-95.451 59.656c9.661 23.396 9.641 49.87 0 73.22l95.451 59.656C297.801 332.475 323.442 320 352 320c53.019 0 96 42.981 96 96zM352 32c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64M96 192c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64m256 160c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64'/%3E%3C/svg%3E");--fp-twitter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%2329A3EF' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");--fp-airplay-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M116.364 477.091h279.272L256 337.455z'/%3E%3Cpath d='M465.455 34.909H46.545C20.945 34.909 0 55.855 0 81.455v279.273c0 25.6 20.945 46.545 46.545 46.545h93.091v-46.545H46.545V81.455h418.909v279.273h-93.091v46.545h93.091c25.6 0 46.545-20.945 46.545-46.545V81.455c.001-25.6-20.944-46.546-46.544-46.546z'/%3E%3C/svg%3E");--fp-skip-prev-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 41 42' fill='%23fff' fill-rule='evenodd'%3E%3Cpath transform='rotate(180 21 21)' d='M33.23 22.696L3.56 41.223A2 2 0 0 1 .5 39.527V2.473A2 2 0 0 1 3.56.776l29.67 18.527a2 2 0 0 1 0 3.393z'/%3E%3Crect transform='rotate(180 21 21)' x='33' y='.5' width='7' height='41' rx='2'/%3E%3C/svg%3E");--fp-skip-next-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41 42' fill='%23fff' fill-rule='evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M33.23 22.696L3.56 41.223A2 2 0 0 1 .5 39.527V2.473A2 2 0 0 1 3.56.776l29.67 18.527a2 2 0 0 1 0 3.393z'/%3E%3Crect x='33' y='.5' width='7' height='41' rx='2'/%3E%3C/svg%3E");--fp-close-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='19 0 80 80' fill='%23fff' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M 48.651772,50.269646 69.395223,25.971024'/%3E%3Cpath d='M 69.395223,50.269646 48.651772,25.971024'/%3E%3C/svg%3E");--fp-unmute-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-22 -22 122 122' fill='%23fff' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M39.389,13.769 L22.235,28.606 L6,28.606 L6,47.699 L21.989,47.699 L39.389,62.75 L39.389,13.769z'/%3E%3Cpath fill='none' d='M48,27.6a19.5,19.5 0 0 1 0,21.4M55.1,20.5a30,30 0 0 1 0,35.6M61.6,14a38.8,38.8 0 0 1 0,48.6'/%3E%3C/svg%3E");--fp-mute-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-22 -22 122 122' fill='%23fff' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M39.389,13.769 L22.235,28.606 L6,28.606 L6,47.699 L21.989,47.699 L39.389,62.75 L39.389,13.769z'/%3E%3Cpath d='M 48.651772,50.269646 69.395223,25.971024'/%3E%3Cpath d='M 69.395223,50.269646 48.651772,25.971024'/%3E%3C/svg%3E");--fp-fast-forward-icon: url("data:image/svg+xml,%3Csvg fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(90 20 25.4)' /%3E%3C/svg%3E%3Csvg viewBox='-25 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(90 20 25.4)' /%3E%3C/svg%3E%3C/svg%3E");--fp-rewind-icon: url("data:image/svg+xml,%3Csvg fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(270 20 25.4)' /%3E%3C/svg%3E%3Csvg viewBox='-25 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(270 20 25.4)' /%3E%3C/svg%3E%3C/svg%3E");--fp-brand-color: #006680}.fp-fullscreen{background-image:var(--fp-fs-icon)}.fp-fullscreen-exit{background-image:var(--fp-fs-exit-icon)}.fp-play,.fp-pause{display:inline-block}.use-play-1 .fp-play,.fp-small-play{background-image:var(--fp-play-icon)}.use-play-3 .fp-play{background-image:var(--fp-play-circle-icon)}.use-play-1 .fp-pause,.fp-small-pause{background-image:var(--fp-pause-icon)}.use-play-2 .fp-play{background-image:var(--fp-play-stroke-icon)}.use-play-2 .fp-pause,.use-play-3 .fp-pause{background-image:var(--fp-pause-stroke-icon)}.fp-small-play,.fp-small-pause{width:1.8em;height:1.8em}.fp-pause,.fp-play{width:5em;height:5em}.fp-facebook{background-image:var(--fp-facebook-icon)}.fp-embed{background-image:var(--fp-embed-icon)}.fp-link{content:var(--fp-link-icon)}.fp-share{background-image:var(--fp-share-icon);display:inline-block}.fp-volume-mute-unmute{background-image:var(--fp-volume-icon);width:.7em;align-items:center;height:1.127em;display:flex}.fp-twitter{background-image:var(--fp-twitter-icon)}.fp-airplay{content:var(--fp-airplay-icon)}.fp-skip-next{background-image:var(--fp-skip-next-icon)}.fp-skip-prev{background-image:var(--fp-skip-prev-icon)}.fp-exit-float .fp-close{background-image:var(--fp-close-icon);display:block}.fp-mute{background-image:var(--fp-mute-icon)}.fp-unmute{background-image:var(--fp-unmute-icon)}.fp-fast-forward{width:4em;height:1em;background-image:var(--fp-fast-forward-icon);display:none}.fp-rewind{width:4em;height:1em;background-image:var(--fp-rewind-icon);display:none}.flowplayer *{color:white;background-color:transparent;border:none;-webkit-user-select:none}.flowplayer ul,.flowplayer li{list-style-type:none}.flowplayer [role="button"]{-webkit-appearance:none;-moz-appearance:none;appearance:none}#fp-icons{display:none}.flowplayer{font-family:'work sans',avenir,sans-serif;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#333;display:inline-block;position:relative;text-align:left;overflow:hidden;font-size:16px;width:100%;color:white}.flowplayer,.flowplayer *{box-sizing:border-box}.flowplayer.is-small{font-size:14px}.flowplayer.is-tiny{font-size:12px}.fp-engine,.fp-ui{position:absolute;height:100%;width:100%;left:0;top:0}.fp-ui{justify-content:space-between;flex-direction:column;display:flex}.fp-header{align-items:center;display:flex;padding:1em;z-index:1;line-height:1;min-height:3.6em}.fp-header .fp-duration{background-color:rgba(0,0,0,0.8);padding:.3rem .6rem;border-radius:2px;display:none}.fp-header .fp-left{display:flex;align-items:center;flex:1}.fp-header .fp-right{flex:1;text-align:right}.fp-logo{position:absolute;max-width:20%;left:2em}.fp-fullscreen,.fp-fullscreen-exit{cursor:pointer;display:inline-block;width:2em;height:1.5em}.fp-fullscreen-exit{display:none}.fp-middle{display:flex;flex-direction:row;flex:1;direction:ltr}.fp-middle>*{width:33%}.fp-middle .fp-middle-zone{justify-content:center;flex-direction:column;align-items:center;text-align:center;cursor:pointer;display:flex;flex:1}.fp-footer{position:absolute;left:2.2em;bottom:2.2em;line-height:1.5;font-size:85%;max-width:70%;max-height:30%;z-index:1;display:none;-ms-overflow-style:-ms-autohiding-scrollbar}.fp-controls .fp-timestamp,.fp-controls .fp-elapsed,.fp-controls .fp-duration,.fp-controls .fp-title,.fp-controls .fp-desc,.fp-footer .fp-timestamp,.fp-footer .fp-elapsed,.fp-footer .fp-duration,.fp-footer .fp-title,.fp-footer .fp-desc{text-shadow:0 1px 2px black}.fp-title{text-transform:uppercase;letter-spacing:1px;font-weight:500;font-size:110%;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.fp-desc{opacity:.8;max-height:6em;overflow:hidden}.fp-time{text-align:center}.fp-controls{padding:.72em;justify-content:space-between;align-items:center;font-weight:500;text-align:right;display:flex;z-index:1;direction:ltr;height:3.6em;position:static}.fp-controls *{position:static}.fp-controls>*{margin:0 .45em}.fp-controls>:empty :not(.fp-volume-mute-unmute){display:none}.fp-timeline{background-color:rgba(255,255,255,0.1);position:relative;cursor:col-resize;height:.9em;flex:1}.fp-timeline:before{content:"";bottom:-.9em;top:-.9em;left:0;right:0;position:absolute;z-index:-1}.fp-timeline>*{background-color:rgba(255,255,255,0.2);position:absolute;height:100%}.fp-timeline>.fp-chapter{background-color:transparent;border-right:2px solid rgba(255,255,255,0.4)}.fp-timeline>.fp-chapter:hover{background-color:var(--fp-brand-color)}.flowplayer:not(.is-seeking) .fp-progress,.flowplayer:not(.is-seeking) .fp-buffer{transition:width .2s}.flowplayer:not(.is-starting){background-size:0 0}.fp-volume-control{display:flex;align-items:center}.fp-volume-mute-unmute{line-height:.5;cursor:pointer;margin-right:.9em}.fp-volume-mute-unmute:hover{transform:scale(1.1)}.fp-volume-mute-unmute+.fp-volume{margin-left:-.45em}.fp-volume{display:flex;height:.9em;width:5em;cursor:pointer}.fp-tick{background-color:rgba(255,255,255,0.1);display:inline-block;margin-left:4px;height:100%;width:100%}.fp-tick:hover{transform:scale(1.2)}.fp-timestamp{top:-.9em;font-weight:400;background:none;font-size:80%;line-height:0}.fp-error-details{white-space:pre;line-height:0}.fp-chapter-info{padding:.9em;padding-bottom:0}.fp-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,0.4));background-repeat:no-repeat}.fp-color{background-color:var(--fp-brand-color, white)}.fp-color-text{color:#99c80c}.use-thin-controlbar .fp-timeline,.use-drag-handle .fp-timeline{transition:height .2s;height:2px}.use-thin-controlbar .fp-controls:hover .fp-timeline,.use-drag-handle .fp-controls:hover .fp-timeline{height:.9em}.use-drag-handle .fp-dragger{display:inline-block;transition:transform .2s;border-radius:3em;width:1em;height:1em;position:relative;top:-.44em}.use-drag-handle .fp-controls:hover .fp-timeline{height:.3em}.use-drag-handle .fp-controls:hover .fp-dragger{transform:translateY(1px) scale(1.3)}.use-drag-handle .fp-timestamp{margin-top:-1.8em;margin-left:.4rem}.use-muted-autoplay .fp-right,.use-muted-autoplay .fp-share-menu{display:none}.use-muted-autoplay .fp-controls{justify-content:flex-end;opacity:1}.use-muted-autoplay .fp-controls>*:not(.fp-volume-control){display:none}.use-muted-autoplay .fp-volume{display:none}.logo-on-right .fp-header{flex-direction:row-reverse}.logo-on-right .fp-header .fp-left{justify-content:flex-end}.logo-on-right .fp-header .fp-right{position:absolute;display:flex;align-items:center;flex-direction:column;left:0.7em;top:0.7em}.logo-on-right .fp-header .fp-right>*{margin:0.3em}.logo-on-right .fp-primary .fp-logo{right:1em;left:auto}.no-mute>.fp-ui .fp-volume-mute-unmute{display:none}.no-fullscreen .fp-right,.no-fullscreen .fp-share-menu{display:none}.no-volume>.fp-ui .fp-volume{display:none}.poor-flex .fp-ui{display:block}.poor-flex .fp-ui>*{position:absolute;width:100%}.poor-flex .fp-header{top:.45em;height:3em}.poor-flex .fp-middle{top:50px;height:65%}.poor-flex .fp-controls{height:3em;bottom:0}.has-poster.is-starting .fp-engine{display:none}.is-small .fp-play,.is-small .fp-pause{width:4em;height:4em}.is-small .fp-header{padding:0.5em}.is-tiny .fp-play,.is-tiny .fp-pause{width:2.6em;height:2.6em}.is-tiny .fp-duration{display:none}.is-tiny .fp-timeline{margin:0 .45em}.is-tiny .fp-footer{left:1.2em;bottom:1.2em;font-size:65%}.fp-switch{will-change:transform, opacity;transition:transform .2s;transition-timing-function:ease-out;margin-top:-.9em;display:inline;transform:scale(0.5);opacity:0}.is-waiting .fp-switch,.is-seeking .fp-switch{transition:none;transform:none;opacity:0}.is-toggling:not(.is-seeking) .fp-switch{transform:scale(1);opacity:1}.is-small.is-toggling:not(.is-seeking) .fp-switch{transform:scale(0.85)}.is-tiny.is-toggling:not(.is-seeking) .fp-switch{transform:scale(0.7)}.is-starting:not(.is-waiting) .fp-switch{transform:scale(1);opacity:1}.is-small.is-starting:not(.is-waiting) .fp-switch{transform:scale(0.85)}.is-tiny.is-starting:not(.is-waiting) .fp-switch{transform:scale(0.7)}.is-touched:not(.is-seeking) .fp-switch{transform:scale(1);opacity:1}.is-small.is-touched:not(.is-seeking) .fp-switch{transform:scale(0.85)}.is-tiny.is-touched:not(.is-seeking) .fp-switch{transform:scale(0.7)}.is-ended .fp-switch{transform:scale(1);opacity:1}.is-small.is-ended .fp-switch{transform:scale(0.85)}.is-tiny.is-ended .fp-switch{transform:scale(0.7)}.is-touch-device .is-playing:not(.is-touched) .is-seeking .fp-pause,.is-touch-device .is-paused:not(.is-touched) .is-seeking .fp-play{width:0;height:0}.fp-small-switch{margin:0;display:flex;align-items:center;position:relative}.fp-small-switch>*{display:none;cursor:pointer}.is-playing .fp-small-pause,.is-paused .fp-small-play{display:inline-block}.is-playing.is-touched .fp-play{width:0;height:0}.is-paused.is-touched .fp-pause{width:0;height:0}.is-paused:not(.is-touched):not(.is-starting) .fp-play{width:0;height:0}.is-playing:not(.is-touched) .fp-pause{width:0;height:0}.is-ended .fp-pause{width:0;height:0}.no-autoplay{background-color:#262626}.is-starting .fp-controls{visibility:hidden}.is-starting .fp-pause{width:0}.is-starting .fp-header .fp-duration{display:inline-block}.is-starting .fp-footer{display:block}.is-starting .fp-fullscreen{visibility:hidden}.is-starting .fp-left>:empty{display:none}.is-seamless .fp-pause,.is-seamless .fp-play,.is-autoplay.is-starting .fp-pause,.is-autoplay.is-starting .fp-play,.is-livecountdown .fp-pause,.is-livecountdown .fp-play{width:0;height:0}.fp-togglable{transform:opacity .4s;will-change:opacity;opacity:0}.is-hovered .fp-togglable,.is-chromecast-playing .fp-togglable,.is-kb-active .fp-togglable,.has-menu-opened .fp-togglable,.is-paused .fp-togglable,.is-touched .fp-togglable{opacity:1}.is-hovered .fp-ui,.is-chromecast-playing .fp-ui,.is-kb-active .fp-ui,.has-menu-opened .fp-ui,.is-paused .fp-ui,.is-touched .fp-ui{background-image:linear-gradient(to top, rgba(0,0,0,0.5), transparent 15%),linear-gradient(to bottom, rgba(0,0,0,0.5), transparent 20%)}.flowplayer.is-playing:not(.is-hovered):not(.is-chromecast-playing) *{cursor:none}.is-muted .fp-volume{visibility:hidden}.is-muted .fp-volume-mute-unmute{white-space:nowrap}.is-muted .fp-volume-mute-unmute:after{content:'×';font-weight:normal;font-size:170%;line-height:0;margin-left:.4em}.is-fullscreen:not(.is-starting){background-image:none !important}.is-fullscreen{position:fixed;top:0 !important;left:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;border-radius:0px !important;background-color:#262626}.is-fullscreen .fp-fullscreen{display:none}.is-fullscreen .fp-fullscreen-exit{display:inline-block}.fp-error{text-shadow:0 0 1px black;text-align:center;height:70%}.is-error .fp-togglable,.is-error .fp-middle{display:none}@keyframes waiting{0%{transform:scale(1)}20%{transform:scale(1, 2)}40%{transform:scale(1)}}.fp-wait{transition:opacity .3s .1s;position:absolute;opacity:0;height:2em}.is-waiting:not(.is-toggling):not(.is-livecountdown) .fp-wait,.is-seeking:not(.is-toggling) .fp-wait{opacity:1}.is-waiting .fp-wait b,.is-seeking .fp-wait b{animation:waiting 1s ease-in-out infinite}.fp-wait b{box-shadow:0 0 .5rem #222;background-color:white;display:inline-block;border-radius:.1em;margin:0 .2em;height:2em;width:.4em}.fp-wait b:nth-child(1){animation-delay:0}.fp-wait b:nth-child(2){animation-delay:.1s}.fp-wait b:nth-child(3){animation-delay:.15s}.fp-wait b:nth-child(4){animation-delay:.25s}.fp-live-status{display:none;margin:0 15px 0 7px}.fp-live-status .fp-live-indicator{border-radius:12px;margin:2px 5px 0;display:block;float:left;height:12px;width:12px;content:""}.fp-live-status .fp-live-text{float:right;text-transform:uppercase;letter-spacing:1px;font-size:85%}.is-live .fp-live-status{display:inline;cursor:pointer}.is-live .fp-buffer{display:none}.is-live .fp-progress{background-color:rgba(255,255,255,0.1)}.is-live .fp-hover,.is-live .fp-progress{right:0}.is-live .fp-duration{min-width:2.8em}.is-live-seeked .fp-progress{background-color:white}.is-live-seeked .fp-live-status:hover{cursor:pointer}.is-live-seeked .fp-live-indicator{background-color:rgba(204,204,204,0.5)}.no-timeline .fp-timeline{visibility:hidden}.has-chapters .fp-timeline>.fp-hover{display:none}.fp-livecountdown{position:absolute;top:0;right:0;left:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0,0,0,0.75), transparent 33%);color:#fff;text-transform:uppercase;text-align:center}.fp-livecountdown p{margin:0;padding:0;padding-bottom:.45em}.fp-livecountdown .fp-inner{display:inline-block;padding-top:3.6em;font-size:85%;text-align:left;min-width:15em;font-weight:500;letter-spacing:1px}.fp-livecountdown .fp-countdown{font-size:230%;text-transform:none;font-weight:300}.fp-menu-container,.fp-menu-container:before{font-weight:600}.fp-menu-container summary{list-style:none}.fp-menu-container summary::-webkit-details-marker{display:none}.fp-menu-container:hover{cursor:pointer}.fp-menu ol{padding:0;margin:0}.fp-menu>h3:empty{display:none}.flowplayer .fp-menu{list-style-type:none;padding:0;margin:0;position:absolute;background:#010000;overflow-y:auto;overflow-x:hidden;display:block;bottom:2.52em;right:.9em;border-radius:0.2em;margin-bottom:.9em;max-height:80%}.fp-menu::-webkit-scrollbar{width:0.2em}.fp-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}.fp-menu::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey}.fp-menu h3,.fp-menu li{padding:.9em 2.7em;margin:0;display:flex;text-align:center;align-items:center;justify-content:center;font-weight:700;color:#FDFDFD}.fp-menu h3{text-transform:uppercase;font-size:.99em}.fp-invis{display:none}.fp-menu h3{border-bottom:1px solid #232323;letter-spacing:1px}.fp-menu .fp-close{font-size:150%;position:absolute;right:.18em;top:0em;cursor:pointer;display:none;content:none}.fp-menu li.fp-on{background:#373737}.fp-menu li:hover{background:#505050;font-weight:900}.fp-menu li.on{background:#1D1D1D}.fp-menu li :not(span){display:inline-block;height:1.08em;width:1.08em;margin-right:.9em;vertical-align:top;max-width:2.7em}.fp-menu.fp-icons h3,.fp-menu.fp-icons li{text-align:left;white-space:nowrap}.is-small .fp-menu-container .fp-menu{position:absolute;font-size:110%;border-radius:0}.is-small .fp-menu-container .fp-menu h3{font-size:.9em;min-width:100%;padding-bottom:.45em}.is-small .fp-menu-container .fp-menu .fp-close{display:block}.is-small .fp-menu-container .fp-menu{left:0 !important;right:0 !important;bottom:0 !important;top:0 !important;z-index:9999;max-height:100% !important;height:100%;margin-bottom:0}.is-small .fp-menu-container .fp-menu li{padding:.45em .27em}.is-starting .fp-captions{display:none}.fp-captions{display:flex;flex-direction:column;align-items:center;position:absolute;width:100%;bottom:.9em}.is-hovered .fp-captions,.is-chromecast-playing .fp-captions,.is-touched .fp-captions,.is-paused .fp-captions{bottom:3.2em}.fp-captions:hover{cursor:pointer}.fp-captions pre{padding:.45em .9em;margin:0;white-space:normal;background-color:rgba(1,0,0,0.4)}.is-interstitial .fp-middle>:not(.fp-interstitial){display:none}.is-interstitial .fp-interstitial{padding:0em 4em;display:flex;flex-direction:row;flex-wrap:wrap}.is-interstitial .fp-ui{background:rgba(0,0,0,0.4)}.is-interstitial .fp-footer,.is-interstitial .fp-header .fp-duration{display:none}.fp-interstitial{display:none;font-weight:500;letter-spacing:1px;overflow:hidden;width:100%;flex:1}.fp-interstitial .fp-play{width:5em !important;height:5em !important}.fp-interstitial>div{padding:0.5em}.fp-interstitial .up-next{margin-bottom:0.5em}.fp-interstitial .up-next span{font-size:0.8em;font-weight:600;text-transform:uppercase}.fp-interstitial .title{margin-bottom:0.5em;font-weight:600;font-size:0.90em}.fp-interstitial .description{font-weight:500;font-size:0.85em}.fp-interstitial .countdown{height:1px;margin-top:0.5em;width:100%}.fp-interstitial .cancel{text-transform:capitalize;margin-top:1em;display:block}.fp-interstitial .cancel:hover{color:#f0f0f0}.fp-interstitial .cancel span{font-size:0.7em;text-transform:capitalize;color:#ccc}.fp-interstitial .bottom{display:flex;flex-basis:0}.fp-interstitial .bottom{flex-grow:2}.fp-interstitial .left{flex-grow:1;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;max-height:61.803%}.fp-interstitial .right{flex-grow:1;flex-direction:column;text-align:left;padding:0 2em;font-size:1.1em}.fp-interstitial .bottom{flex-grow:1;min-width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;padding-top:2em;padding-left:0;padding-right:0}.fp-interstitial .bottom>*{margin:0.2em;flex-grow:1;min-width:8em;max-height:8em;height:8em;background-size:cover;position:relative}.fp-interstitial .bottom>* p{position:absolute;bottom:0;left:0;right:0;display:none;background-color:rgba(0,0,0,0.3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}.fp-interstitial .bottom>*:hover p{display:block}.fp-interstitial .bottom>*:first-child{margin-left:0}.fp-interstitial .bottom>*:last-child{margin-right:0}.fp-interstitial.is-autoplay .countdown{width:0%}.video-buttons>*{height:0;width:0}.fp-playlist-controls{background:#333;color:#f1f1f1}.fp-playlist-controls ol{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column}.fp-playlist-controls li{cursor:pointer;margin:0;display:flex;flex-direction:row;min-height:5em;align-items:center}.fp-playlist-controls li .fp-color{transition:width 0.3s ease-out;height:100%}.fp-playlist-controls li:not(:last-child){border-bottom:1px solid #3d3d3d}.fp-playlist-controls li:hover .fp-color,.fp-playlist-controls li.is-current .fp-color{width:0.3em}.fp-playlist-controls li:hover:not(.is-current){background:#4d4d4d}.fp-playlist-controls li.is-current{background:#404040}.fp-playlist-controls .video-info{padding:1em;flex-grow:4}.fp-playlist-controls .video-info .title{font-size:1.1em;font-weight:bold;font-weight:500;margin:0 0 0.5em 0}.fp-playlist-controls .video-info .description{font-size:0.9em}.fp-playlist-controls .video-buttons{margin-right:0.5em;padding:1em;width:5em;display:block;text-align:center;align-items:center;justify-content:center;background-size:cover;min-height:66%}.fp-playlist-controls li.is-playing .fp-pause{height:2em;width:2em}.fp-playlist-controls li.is-queued .fp-play,.fp-playlist-controls li.is-paused .fp-play{height:2em;width:2em}.is-playlist .fp-playlist-prev-preview,.is-playlist .fp-playlist-next-preview{display:block;background-repeat:no-repeat;background-color:black;background-position:center;background-size:contain;position:absolute;top:-2em;width:0;height:0;transition:width 200ms ease-in-out, height 200ms ease-in-out, top 200ms ease-in-out}.is-playlist .fp-playlist-prev-preview{left:0.5em}.is-playlist .fp-playlist-next-preview{left:6.5em}.is-playlist .fp-skip-prev{display:inline-block;width:1.2em;height:1.229em;margin-left:0.5em;margin-right:1.5em;fill:white}.is-playlist .fp-skip-prev:hover ~ .fp-playlist-prev-preview{width:8em;height:6em;top:-7em}.is-playlist .fp-skip-next{display:inline-block;width:1.2em;height:1.229em;margin-left:1.5em;margin-right:1em;fill:white}.is-playlist .fp-skip-next:hover ~ .fp-playlist-next-preview{width:8em;height:6em;top:-7em}.is-prev-button-disabled .fp-skip-prev{opacity:0.5;cursor:default}.is-prev-button-disabled .fp-skip-prev ~ .fp-playlist-prev-preview{display:none !important}.is-next-button-disabled .fp-skip-next{opacity:0.5;cursor:default}.is-next-button-disabled .fp-skip-next ~ .fp-playlist-next-preview{display:none !important}.flowplayer-fatal{background-color:rgba(38,38,38,0.9);color:#a6a6a6;text-align:center;padding:8em 3em 3em 3em}.flowplayer-fatal h2{color:#fff}.flowplayer-fatal .troubleshoot{display:block;border:1px solid #a6a6a6;width:10em;margin:1em auto;color:#fff;padding:0.5em;border-radius:0.2em;text-decoration:none;margin-bottom:8em}.flowplayer-fatal img{height:1em}.fp-header .fp-share-menu{float:left}.fp-header .fp-share-menu .fp-share{width:.9em;height:1.028em}.fp-header .fp-share-menu .fp-menu{inset:auto auto auto 2em}.fp-share-menu h3,.fp-share-menu li{justify-content:flex-start}.is-starting .fp-share{display:none}.is-small.is-share-menu .fp-controls{display:none !important}.is-small .fp-share-menu li{padding:.27em !important;padding-left:1.62em !important}.is-small.is-share-menu.logo-on-right .fp-right{position:static}.is-small.is-share-menu:not(.logo-on-right) .fp-right{display:none}.fp-share-menu.webshare-enabled{display:inline-block}.fp-message{position:absolute;display:block;top:3.6em;left:0;right:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;background-color:transparent;color:white;z-index:10}.fp-message.fp-shown{max-height:3em}.fp-message p{margin:1em;text-align:center;text-shadow:0 1px 2px black}.is-small .fp-message{top:2.7em}.is-small .fp-message.fp-shown{max-height:3em}.is-small .fp-message p{margin:.5em}.is-tiny .fp-message{top:1.8em}.is-tiny .fp-message.fp-shown{max-height:2em}.is-tiny .fp-message p{margin:.25em}.fp-airplay{width:0}.is-airplay-available .fp-airplay{width:2em;height:1.6em;margin-right:0.6em;padding-top:0.2em;order:1;fill:white;display:inline-block}.is-starting .fp-airplay{width:0}.fp-btns:focus .is-accessibility,.fp-middle:focus .is-accessibility .fp-switch,.fp-menu li:focus .is-accessibility{outline:auto 2px Highlight;outline:auto 5px -webkit-focus-ring-color}.fp-middle:focus .is-accessibility{outline:none}.is-accessibility a:focus>.fp-logo{background-color:gray}.flowplayer:not(.is-accessibility) *{outline:none}.fp-endscreen{display:none;position:absolute;top:0}.is-endscreen .fp-endscreen{display:flex;justify-content:center;position:absolute;padding:4em;height:100%;width:100%;background:black}.is-endscreen .fp-endscreen-cells{display:inline;margin:auto;width:100%;height:100%}.is-endscreen .fp-endscreen-cell{display:inline-block;background:black;padding:0.1em;float:left;overflow:hidden;width:25%;height:33.3%}.is-endscreen .fp-endscreen-cell-thumbnail{background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.is-endscreen .fp-endscreen-cell-title{text-overflow:ellipsis;white-space:nowrap;padding:0.4em;float:none;overflow:hidden;text-align:left}.is-endscreen .fp-small-play{display:inline}.is-small .fp-endscreen{padding:1.5em;font-size:small}.is-small .fp-endscreen-cell{width:33.3%;height:50%}.fp-endscreen-cell:hover{transition:transform .2s ease-in-out;transform:scale(1.1)}.fp-cast-button{height:1.6em;width:1.8em;order:1;display:inline-block;cursor:pointer;transition:transform 0.2s ease-in;margin-left:0.2em;margin-right:0.2em}.fp-cast-button:hover{transform:scale(1.1)}.fp-cast-button google-cast-launcher{--disconnected-color: #fff}.fp-middle .fp-chromecast{display:none;position:absolute;left:0;right:0;top:0;bottom:0;color:#fff;background-color:rgba(0,0,0,0.3);text-align:center;padding-top:3em;font-size:200%;background-size:cover;text-shadow:0 1px 2px black;width:100%}.is-chromecast-playing .fp-fullscreen,.is-chromecast-playing .fp-fullscreen-exit,.is-chromecast-playing .fp-volume-control{display:none}.is-chromecast-playing .fp-chromecast{display:block}.is-chromecast-playing.no-chromecast-controls .fp-controls{display:none !important}.flowplayer.is-flashls .fp-flashls{position:absolute}.flowplayer.is-flashls .fp-flashls.is-initialising{z-index:9999}.flowplayer.is-audio-player{background-size:cover}.flowplayer.is-audio-player .fp-engine{display:none}.flowplayer.is-audio-player .fp-fullscreen{display:none}.flowplayer.is-audio-player.is-paused .fp-togglable,.flowplayer.is-audio-player.is-playing .fp-togglable{opacity:1}.flowplayer.is-audio-player.show-controls-only{height:3.6em}.flowplayer.is-audio-player.show-controls-only.is-paused .fp-header,.flowplayer.is-audio-player.show-controls-only.is-paused .fp-middle,.flowplayer.is-audio-player.show-controls-only.is-playing .fp-header,.flowplayer.is-audio-player.show-controls-only.is-playing .fp-middle{display:none}.flowplayer.is-audio-player.show-controls-only.is-paused .fp-controls,.flowplayer.is-audio-player.show-controls-only.is-playing .fp-controls{height:100%}.flowplayer.is-audio-player.show-controls-only.is-starting{display:flex;flex-flow:row-reverse;align-items:center;justify-content:center}.flowplayer.is-audio-player.show-controls-only.is-starting.is-paused .fp-middle{display:flex}.flowplayer.is-audio-player.show-controls-only.is-starting video{display:none}.flowplayer.is-audio-player.show-controls-only.is-starting .fp-ui,.flowplayer.is-audio-player.show-controls-only.is-starting .fp-footer{position:relative;left:auto;bottom:auto;right:auto;max-width:none;width:auto}.flowplayer.is-audio-player.show-controls-only.is-starting .fp-footer{flex-grow:1}.flowplayer.is-audio-player.show-controls-only.is-starting .fp-ui .fp-header,.flowplayer.is-audio-player.show-controls-only.is-starting .fp-ui .fp-controls{display:none}.flowplayer.is-audio-player.show-controls-only.is-starting .fp-ui .fp-middle{max-height:3.6em}.flowplayer.is-audio-player.show-controls-only.is-starting .fp-ui .fp-middle .fp-switch{margin-top:0.2em;transform:scale(0.6)}#flowplayer-floating-placeholder{background-color:rgba(38,38,38,0.9);color:#a6a6a6}#flowplayer-floating-placeholder p{color:#fff;display:block;text-align:center;margin:0 auto;color:#fff;padding:3em 0 0 0;font-size:1.2em;font-weight:600;text-decoration:none}.flowplayer.is-popped-out .fp-float-wrapper{position:fixed !important;width:100%;background-color:#333}.flowplayer.is-popped-out{z-index:10}body>#flowplayer-floating-container,.flowplayer.is-popped-out .fp-float-wrapper{max-width:33%;position:fixed;position:-webkit-sticky;position:sticky;bottom:1em;left:1em}@media screen and (orientation: portrait){body>#flowplayer-floating-container,.flowplayer.is-popped-out .fp-float-wrapper{bottom:0;left:0;right:0;max-width:none}}.no-standard-controls .fp-controls,.no-standard-controls .fp-header>*{display:none}.fp-exit-float{display:none}.fp-exit-float .fp-close:hover{transform:scale(1.1)}.fp-mute-float{display:none}.fp-mute-float .fp-mute{display:none}.fp-mute-float .fp-unmute{display:block}.fp-mute-float .fp-mute:hover,.fp-mute-float .fp-unmute:hover{transform:scale(1.1)}.is-muted .fp-mute-float .fp-mute{display:block}.is-muted .fp-mute-float .fp-unmute{display:none}.is-popped-out:not(.is-fullscreen) .fp-volume-control{display:none}.is-popped-out:not(.is-fullscreen) .fp-exit-float,.is-popped-out:not(.is-fullscreen) .fp-mute-float{display:block;position:absolute;top:50%;transform:translateY(-50%);right:1em;width:3.15em;height:2.925em;background-color:#0005;border-radius:100%}@media screen and (orientation: portrait){.is-popped-out:not(.is-fullscreen) .fp-exit-float,.is-popped-out:not(.is-fullscreen) .fp-mute-float{right:1vw;width:12vw;height:12vw}}.is-popped-out:not(.is-fullscreen) .fp-exit-float>*,.is-popped-out:not(.is-fullscreen) .fp-mute-float>*{height:100%}.is-popped-out:not(.is-fullscreen) .fp-mute-float{left:1em}.fp-float-player-icons{fill:#fff;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.is-popped-out .fp-middle{position:absolute;height:100%;width:100%}.is-popped-out .fp-controls{position:absolute;width:100%;bottom:0}.is-ad-showing.is-popped-out:not(.is-fullscreen) .fp-exit-float{position:relative;width:1.6em;height:1.6em;margin-left:1.8em}.no-title .fp-title{display:none}.no-description .fp-desc{display:none}.no-controls .fp-controls{display:none}.no-controls .fp-middle{padding-bottom:3.6em}.no-duration .fp-header .fp-duration{display:none}.no-header .fp-header{display:none}.no-header .fp-middle{padding-top:3.6em}.fp-right-zone,.fp-left-zone{display:flex;align-items:center;align-content:center;background:transparent}.fp-right-zone .fp-zone-seconds,.fp-left-zone .fp-zone-seconds{align-content:center;align-items:center;font-size:1.5em;font-weight:bold;display:none;width:2em}.fp-right-zone .fp-zone-seconds:empty,.fp-left-zone .fp-zone-seconds:empty{visibility:hidden}.fp-left-zone{flex-direction:row-reverse}.fp-left-zone .fp-zone-seconds:before{content:"-"}.fp-right-zone .fp-zone-seconds:before{content:"+"}.is-touched .fp-ui{background:rgba(0,0,0,0.2)}.is-touched.is-seekable:not(.no-touch-zones):not(.no-timeline) .fp-left-zone .fp-rewind,.is-touched.is-seekable:not(.no-touch-zones):not(.no-timeline) .fp-left-zone .fp-zone-seconds{display:flex}.is-touched.is-seekable:not(.no-touch-zones):not(.no-timeline):not(.is-disabled) .fp-right-zone .fp-fast-forward,.is-touched.is-seekable:not(.no-touch-zones):not(.no-timeline):not(.is-disabled) .fp-right-zone .fp-zone-seconds{display:flex}.will-seek.forward .fp-right-zone .fp-fast-forward,.will-seek.forward .fp-right-zone .fp-zone-seconds{display:flex}.will-seek.backward .fp-left-zone .fp-rewind,.will-seek.backward .fp-left-zone .fp-zone-seconds{display:flex}.fp-thumbnail-carousel{display:none}.with-thumbnails .fp-thumbnail-carousel{display:flex;justify-content:center;padding:1em 0em;bottom:3.6em;width:100%;position:absolute;left:0}.fp-thumbnail-carousel .thumbnail{margin:0 1em;filter:drop-shadow(0 0 1em #000)}.fp-thumbnail-carousel .thumbnail:first-child,.fp-thumbnail-carousel .thumbnail:last-child{transform:scale(0.6)}.with-thumbnails .fp-ui{background:rgba(0,0,0,0.2)}.ssai{--ssai-accent-color: #ffd700;--ssai-percent-complete: 0;--ssai-percent-previous: 0}.ad-ui.ssai{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.ssai-ad-active{background:none !important}.ssai-ad-active .fp-engine{display:block !important}.ssai-ad-active .ad-ui.ssai{display:block}.ssai-ad-active .fp-ui,.ssai-ad-active .fp-footer{display:none}.ssai .timeline{background:var(--flowplayer-background-color, #333);height:6px;position:absolute;bottom:0;left:0;background-color:var(--ssai-accent-color);width:1%;transform-origin:left;transform:scaleX(var(--ssai-percent-previous))}.ssai .timeline.go{animation-name:progress;animation-duration:0.16s}.ssai .resume{display:none}.ssai .resume:hover{cursor:pointer}.is-paused .ssai .resume{display:block;position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}@keyframes progress{from{transform:scaleX(var(--ssai-percent-previous))}to{transform:scaleX(var(--ssai-percent-complete))}}.fp-preview{width:100%;height:100%;position:absolute;display:none}.is-in-viewport.is-starting .in-viewport.fp-preview,.is-hovered.is-starting .fp-preview,.is-starting.is-chromecast-playing .fp-preview{display:block}
1
+ :root{--fp-play-circle-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 50 50' fill='white' %3E%3Ccircle cx='22.9' cy='22.9' r='23.5' stroke='white' fill='none' stroke-width='2'%3E%3C/circle%3E%3Cpath d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='translate(11.5, 9.8) scale(.57) rotate(90 20 25.4)'%3E%3C/path%3E%3C/svg%3E");--fp-play-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 50 50' fill='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath id='fp-play-button' d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(90 20 25.4)' /%3E%3C/svg%3E");--fp-play-stroke-icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 50 50' fill='none' stroke-width='2' stroke='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath id='fp-play-button' d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(90 20 25.4)' /%3E%3C/svg%3E");--fp-pause-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 50 50' fill='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='8.5' y='5' width='11' height='36'/%3E%3Crect x='26.5' y='5' width='11' height='36'/%3E%3C/svg%3E");--fp-pause-stroke-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 50 50' fill='none' stroke-width='2' stroke='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='8.5' y='5' width='11' height='36'/%3E%3Crect x='26.5' y='5' width='11' height='36'/%3E%3C/svg%3E");--fp-volume-icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 36 58' fill='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath rx='1' ry='1' d='M0 15h30v24H0z' /%3E%3Cpath d='M1 27L31 0v54z' /%3E%3C/svg%3E");--fp-fs-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -2 40 30' fill='none' stroke-width='2' stroke='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath id='FS' d='M1 9V1h12' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(1 0 0 -1 0 26)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(-1 0 0 1 36 0)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='rotate(180 18 13)' /%3E%3C/svg%3E");--fp-fs-exit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -2 40 30' fill='none' stroke-width='2' stroke='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath id='FS' d='M1 9V1h12' transform='translate(22 17)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(-1 0 0 1 13 17)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='rotate(180 6.5 4.5)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(1 0 0 -1 22 9)' /%3E%3C/svg%3E");--fp-facebook-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 25 460 460' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%234469B0' d='M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z'/%3E%3C/svg%3E%0A");--fp-link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='white' d='M301.148 394.702l-79.2 79.19c-50.778 50.799-133.037 50.824-183.84 0-50.799-50.778-50.824-133.037 0-183.84l79.19-79.2a132.833 132.833 0 0 1 3.532-3.403c7.55-7.005 19.795-2.004 20.208 8.286.193 4.807.598 9.607 1.216 14.384.481 3.717-.746 7.447-3.397 10.096-16.48 16.469-75.142 75.128-75.3 75.286-36.738 36.759-36.731 96.188 0 132.94 36.759 36.738 96.188 36.731 132.94 0l79.2-79.2.36-.36c36.301-36.672 36.14-96.07-.37-132.58-8.214-8.214-17.577-14.58-27.585-19.109-4.566-2.066-7.426-6.667-7.134-11.67a62.197 62.197 0 0 1 2.826-15.259c2.103-6.601 9.531-9.961 15.919-7.28 15.073 6.324 29.187 15.62 41.435 27.868 50.688 50.689 50.679 133.17 0 183.851zm-90.296-93.554c12.248 12.248 26.362 21.544 41.435 27.868 6.388 2.68 13.816-.68 15.919-7.28a62.197 62.197 0 0 0 2.826-15.259c.292-5.003-2.569-9.604-7.134-11.67-10.008-4.528-19.371-10.894-27.585-19.109-36.51-36.51-36.671-95.908-.37-132.58l.36-.36 79.2-79.2c36.752-36.731 96.181-36.738 132.94 0 36.731 36.752 36.738 96.181 0 132.94-.157.157-58.819 58.817-75.3 75.286-2.651 2.65-3.878 6.379-3.397 10.096a163.156 163.156 0 0 1 1.216 14.384c.413 10.291 12.659 15.291 20.208 8.286a131.324 131.324 0 0 0 3.532-3.403l79.19-79.2c50.824-50.803 50.799-133.062 0-183.84-50.802-50.824-133.062-50.799-183.84 0l-79.2 79.19c-50.679 50.682-50.688 133.163 0 183.851z'/%3E%3C/svg%3E");--fp-share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 448 512' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M448 416c0 53.019-42.981 96-96 96s-96-42.981-96-96c0-12.965 2.576-25.327 7.235-36.61l-95.45-59.657C150.199 339.525 124.558 352 96 352c-53.019 0-96-42.981-96-96s42.981-96 96-96c28.558 0 54.199 12.475 71.784 32.267l95.45-59.657C258.576 121.327 256 108.965 256 96c0-53.019 42.981-96 96-96s96 42.981 96 96-42.981 96-96 96c-28.558 0-54.199-12.475-71.784-32.267l-95.451 59.656c9.661 23.396 9.641 49.87 0 73.22l95.451 59.656C297.801 332.475 323.442 320 352 320c53.019 0 96 42.981 96 96zM352 32c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64M96 192c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64m256 160c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64'/%3E%3C/svg%3E");--fp-embed-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M448 416c0 53.019-42.981 96-96 96s-96-42.981-96-96c0-12.965 2.576-25.327 7.235-36.61l-95.45-59.657C150.199 339.525 124.558 352 96 352c-53.019 0-96-42.981-96-96s42.981-96 96-96c28.558 0 54.199 12.475 71.784 32.267l95.45-59.657C258.576 121.327 256 108.965 256 96c0-53.019 42.981-96 96-96s96 42.981 96 96-42.981 96-96 96c-28.558 0-54.199-12.475-71.784-32.267l-95.451 59.656c9.661 23.396 9.641 49.87 0 73.22l95.451 59.656C297.801 332.475 323.442 320 352 320c53.019 0 96 42.981 96 96zM352 32c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64M96 192c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64m256 160c-35.29 0-64 28.71-64 64s28.71 64 64 64 64-28.71 64-64-28.71-64-64-64'/%3E%3C/svg%3E");--fp-twitter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%2329A3EF' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");--fp-airplay-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M116.364 477.091h279.272L256 337.455z'/%3E%3Cpath d='M465.455 34.909H46.545C20.945 34.909 0 55.855 0 81.455v279.273c0 25.6 20.945 46.545 46.545 46.545h93.091v-46.545H46.545V81.455h418.909v279.273h-93.091v46.545h93.091c25.6 0 46.545-20.945 46.545-46.545V81.455c.001-25.6-20.944-46.546-46.544-46.546z'/%3E%3C/svg%3E");--fp-skip-prev-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 41 42' fill='%23fff' fill-rule='evenodd'%3E%3Cpath transform='rotate(180 21 21)' d='M33.23 22.696L3.56 41.223A2 2 0 0 1 .5 39.527V2.473A2 2 0 0 1 3.56.776l29.67 18.527a2 2 0 0 1 0 3.393z'/%3E%3Crect transform='rotate(180 21 21)' x='33' y='.5' width='7' height='41' rx='2'/%3E%3C/svg%3E");--fp-skip-next-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41 42' fill='%23fff' fill-rule='evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M33.23 22.696L3.56 41.223A2 2 0 0 1 .5 39.527V2.473A2 2 0 0 1 3.56.776l29.67 18.527a2 2 0 0 1 0 3.393z'/%3E%3Crect x='33' y='.5' width='7' height='41' rx='2'/%3E%3C/svg%3E");--fp-close-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='19 0 80 80' fill='%23fff' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M 48.651772,50.269646 69.395223,25.971024'/%3E%3Cpath d='M 69.395223,50.269646 48.651772,25.971024'/%3E%3C/svg%3E");--fp-unmute-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-22 -22 122 122' fill='%23fff' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M39.389,13.769 L22.235,28.606 L6,28.606 L6,47.699 L21.989,47.699 L39.389,62.75 L39.389,13.769z'/%3E%3Cpath fill='none' d='M48,27.6a19.5,19.5 0 0 1 0,21.4M55.1,20.5a30,30 0 0 1 0,35.6M61.6,14a38.8,38.8 0 0 1 0,48.6'/%3E%3C/svg%3E");--fp-mute-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-22 -22 122 122' fill='%23fff' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M39.389,13.769 L22.235,28.606 L6,28.606 L6,47.699 L21.989,47.699 L39.389,62.75 L39.389,13.769z'/%3E%3Cpath d='M 48.651772,50.269646 69.395223,25.971024'/%3E%3Cpath d='M 69.395223,50.269646 48.651772,25.971024'/%3E%3C/svg%3E");--fp-fast-forward-icon: url("data:image/svg+xml,%3Csvg fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(90 20 25.4)' /%3E%3C/svg%3E%3Csvg viewBox='-25 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(90 20 25.4)' /%3E%3C/svg%3E%3C/svg%3E");--fp-rewind-icon: url("data:image/svg+xml,%3Csvg fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(270 20 25.4)' /%3E%3C/svg%3E%3Csvg viewBox='-25 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.201 4.78l18.546 30.001a2.001 2.001 0 0 1-1.707 3.052H-1.046a2 2 0 0 1-1.701-3.052l18.545-30a2 2 0 0 1 3.403 0' transform='rotate(270 20 25.4)' /%3E%3C/svg%3E%3C/svg%3E");--fp-brand-color: #006680}.fp-fullscreen{background-image:var(--fp-fs-icon)}.fp-fullscreen-exit{background-image:var(--fp-fs-exit-icon)}.fp-play,.fp-pause{display:inline-block}.use-play-1 .fp-play,.fp-small-play{background-image:var(--fp-play-icon)}.use-play-3 .fp-play{background-image:var(--fp-play-circle-icon)}.use-play-1 .fp-pause,.fp-small-pause{background-image:var(--fp-pause-icon)}.use-play-2 .fp-play{background-image:var(--fp-play-stroke-icon)}.use-play-2 .fp-pause,.use-play-3 .fp-pause{background-image:var(--fp-pause-stroke-icon)}.fp-small-play,.fp-small-pause{width:1.8em;height:1.8em}.fp-pause,.fp-play{width:5em;height:5em}.fp-facebook{background-image:var(--fp-facebook-icon)}.fp-embed{background-image:var(--fp-embed-icon)}.fp-link{content:var(--fp-link-icon)}.fp-share{background-image:var(--fp-share-icon);display:inline-block}.fp-volume-mute-unmute{background-image:var(--fp-volume-icon);width:.7em;align-items:center;height:1.127em;display:flex}.fp-twitter{background-image:var(--fp-twitter-icon)}.fp-airplay{content:var(--fp-airplay-icon)}.fp-skip-next{background-image:var(--fp-skip-next-icon)}.fp-skip-prev{background-image:var(--fp-skip-prev-icon)}.fp-exit-float .fp-close{background-image:var(--fp-close-icon);display:block}.fp-mute{background-image:var(--fp-mute-icon)}.fp-unmute{background-image:var(--fp-unmute-icon)}.fp-fast-forward{width:4em;height:1em;background-image:var(--fp-fast-forward-icon);display:none}.fp-rewind{width:4em;height:1em;background-image:var(--fp-rewind-icon);display:none}.flowplayer *{color:white;background-color:transparent;border:none;-webkit-user-select:none}.flowplayer ul,.flowplayer li{list-style-type:none}.flowplayer [role="button"]{-webkit-appearance:none;-moz-appearance:none;appearance:none}#fp-icons{display:none}.flowplayer{font-family:'work sans',avenir,sans-serif;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#333;display:inline-block;position:relative;text-align:left;overflow:hidden;font-size:16px;width:100%;color:white}.flowplayer,.flowplayer *{box-sizing:border-box}.flowplayer.is-small{font-size:14px}.flowplayer.is-tiny{font-size:12px}.fp-engine,.fp-ui{position:absolute;height:100%;width:100%;left:0;top:0}.fp-ui{justify-content:space-between;flex-direction:column;display:flex}.fp-header{align-items:center;display:flex;padding:1em;z-index:1;line-height:1;min-height:3.6em}.fp-header .fp-duration{background-color:rgba(0,0,0,0.8);padding:.3rem .6rem;border-radius:2px;display:none}.fp-header .fp-left{display:flex;align-items:center;flex:1}.fp-header .fp-right{flex:1;text-align:right}.fp-logo{position:absolute;max-width:20%;left:2em}.fp-fullscreen,.fp-fullscreen-exit{cursor:pointer;display:inline-block;width:2em;height:1.5em}.fp-fullscreen-exit{display:none}.fp-middle{display:flex;flex-direction:row;flex:1;direction:ltr}.fp-middle>*{width:33%}.fp-middle .fp-middle-zone{justify-content:center;flex-direction:column;align-items:center;text-align:center;cursor:pointer;display:flex;flex:1}.fp-footer{position:absolute;left:2.2em;bottom:2.2em;line-height:1.5;font-size:85%;max-width:70%;max-height:30%;z-index:1;display:none;-ms-overflow-style:-ms-autohiding-scrollbar}.fp-controls .fp-timestamp,.fp-controls .fp-elapsed,.fp-controls .fp-duration,.fp-controls .fp-title,.fp-controls .fp-desc,.fp-footer .fp-timestamp,.fp-footer .fp-elapsed,.fp-footer .fp-duration,.fp-footer .fp-title,.fp-footer .fp-desc{text-shadow:0 1px 2px black}.fp-title{text-transform:uppercase;letter-spacing:1px;font-weight:500;font-size:110%;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.fp-desc{opacity:.8;max-height:6em;overflow:hidden}.fp-time{text-align:center}.fp-controls{padding:.72em;justify-content:space-between;align-items:center;font-weight:500;text-align:right;display:flex;z-index:1;direction:ltr;height:3.6em;position:static}.fp-controls *{position:static}.fp-controls>*{margin:0 .45em}.fp-controls>:empty :not(.fp-volume-mute-unmute){display:none}.fp-timeline{background-color:rgba(255,255,255,0.1);position:relative;cursor:col-resize;height:.9em;flex:1}.fp-timeline:before{content:"";bottom:-.9em;top:-.9em;left:0;right:0;position:absolute;z-index:-1}.fp-timeline>*{background-color:rgba(255,255,255,0.2);position:absolute;height:100%}.fp-timeline>.fp-chapter{background-color:transparent;border-right:2px solid rgba(255,255,255,0.4)}.fp-timeline>.fp-chapter:hover{background-color:var(--fp-brand-color)}.flowplayer:not(.is-seeking) .fp-progress,.flowplayer:not(.is-seeking) .fp-buffer{transition:width .2s}.flowplayer:not(.is-starting){background-size:0 0}.fp-volume-control{display:flex;align-items:center}.fp-volume-mute-unmute{line-height:.5;cursor:pointer;margin-right:.9em}.fp-volume-mute-unmute:hover{transform:scale(1.1)}.fp-volume-mute-unmute+.fp-volume{margin-left:-.45em}.fp-volume{display:flex;height:.9em;width:5em;cursor:pointer}.fp-tick{background-color:rgba(255,255,255,0.1);display:inline-block;margin-left:4px;height:100%;width:100%}.fp-tick:hover{transform:scale(1.2)}.fp-timestamp{top:-.9em;font-weight:400;background:none;font-size:80%;line-height:0}.fp-error-details{white-space:pre;line-height:0}.fp-chapter-info{padding:.9em;padding-bottom:0}.fp-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,0.4));background-repeat:no-repeat}.fp-color{background-color:var(--fp-brand-color, white)}.fp-color-text{color:#99c80c}.use-thin-controlbar .fp-timeline,.use-drag-handle .fp-timeline{transition:height .2s;height:2px}.use-thin-controlbar .fp-controls:hover .fp-timeline,.use-drag-handle .fp-controls:hover .fp-timeline{height:.9em}.use-drag-handle .fp-dragger{display:inline-block;transition:transform .2s;border-radius:3em;width:1em;height:1em;position:relative;top:-.44em}.use-drag-handle .fp-controls:hover .fp-timeline{height:.3em}.use-drag-handle .fp-controls:hover .fp-dragger{transform:translateY(1px) scale(1.3)}.use-drag-handle .fp-timestamp{margin-top:-1.8em;margin-left:.4rem}.use-muted-autoplay .fp-right,.use-muted-autoplay .fp-share-menu{display:none}.use-muted-autoplay .fp-controls{justify-content:flex-end;opacity:1}.use-muted-autoplay .fp-controls>*:not(.fp-volume-control){display:none}.use-muted-autoplay .fp-volume{display:none}.logo-on-right .fp-header{flex-direction:row-reverse}.logo-on-right .fp-header .fp-left{justify-content:flex-end}.logo-on-right .fp-header .fp-right{position:absolute;display:flex;align-items:center;flex-direction:column;left:0.7em;top:0.7em}.logo-on-right .fp-header .fp-right>*{margin:0.3em}.logo-on-right .fp-primary .fp-logo{right:1em;left:auto}.no-mute>.fp-ui .fp-volume-mute-unmute{display:none}.no-fullscreen .fp-right,.no-fullscreen .fp-share-menu{display:none}.no-volume>.fp-ui .fp-volume{display:none}.poor-flex .fp-ui{display:block}.poor-flex .fp-ui>*{position:absolute;width:100%}.poor-flex .fp-header{top:.45em;height:3em}.poor-flex .fp-middle{top:50px;height:65%}.poor-flex .fp-controls{height:3em;bottom:0}.has-poster.is-starting .fp-engine{display:none}.is-small .fp-play,.is-small .fp-pause{width:4em;height:4em}.is-small .fp-header{padding:0.5em}.is-tiny .fp-play,.is-tiny .fp-pause{width:2.6em;height:2.6em}.is-tiny .fp-duration{display:none}.is-tiny .fp-timeline{margin:0 .45em}.is-tiny .fp-footer{left:1.2em;bottom:1.2em;font-size:65%}.fp-switch{will-change:transform, opacity;transition:transform .2s;transition-timing-function:ease-out;margin-top:-.9em;display:inline;transform:scale(0.5);opacity:0}.is-waiting .fp-switch,.is-seeking .fp-switch{transition:none;transform:none;opacity:0}.is-toggling:not(.is-seeking) .fp-switch{transform:scale(1);opacity:1}.is-small.is-toggling:not(.is-seeking) .fp-switch{transform:scale(0.85)}.is-tiny.is-toggling:not(.is-seeking) .fp-switch{transform:scale(0.7)}.is-starting:not(.is-waiting) .fp-switch{transform:scale(1);opacity:1}.is-small.is-starting:not(.is-waiting) .fp-switch{transform:scale(0.85)}.is-tiny.is-starting:not(.is-waiting) .fp-switch{transform:scale(0.7)}.is-touched:not(.is-seeking) .fp-switch{transform:scale(1);opacity:1}.is-small.is-touched:not(.is-seeking) .fp-switch{transform:scale(0.85)}.is-tiny.is-touched:not(.is-seeking) .fp-switch{transform:scale(0.7)}.is-ended .fp-switch{transform:scale(1);opacity:1}.is-small.is-ended .fp-switch{transform:scale(0.85)}.is-tiny.is-ended .fp-switch{transform:scale(0.7)}.is-touch-device .is-playing:not(.is-touched) .is-seeking .fp-pause,.is-touch-device .is-paused:not(.is-touched) .is-seeking .fp-play{width:0;height:0}.fp-small-switch{margin:0;display:flex;align-items:center;position:relative}.fp-small-switch>*{display:none;cursor:pointer}.is-playing .fp-small-pause,.is-paused .fp-small-play{display:inline-block}.is-playing.is-touched .fp-play{width:0;height:0}.is-paused.is-touched .fp-pause{width:0;height:0}.is-paused:not(.is-touched):not(.is-starting) .fp-play{width:0;height:0}.is-playing:not(.is-touched) .fp-pause{width:0;height:0}.is-ended .fp-pause{width:0;height:0}.no-autoplay{background-color:#262626}.is-starting .fp-controls{visibility:hidden}.is-starting .fp-pause{width:0}.is-starting .fp-header .fp-duration{display:inline-block}.is-starting .fp-footer{display:block}.is-starting .fp-fullscreen{visibility:hidden}.is-starting .fp-left>:empty{display:none}.is-seamless .fp-pause,.is-seamless .fp-play,.is-autoplay.is-starting .fp-pause,.is-autoplay.is-starting .fp-play,.is-livecountdown .fp-pause,.is-livecountdown .fp-play{width:0;height:0}.fp-togglable{transform:opacity .4s;will-change:opacity;opacity:0}.is-hovered .fp-togglable,.is-chromecast-playing .fp-togglable,.is-kb-active .fp-togglable,.has-menu-opened .fp-togglable,.is-paused .fp-togglable,.is-touched .fp-togglable{opacity:1}.is-hovered .fp-ui,.is-chromecast-playing .fp-ui,.is-kb-active .fp-ui,.has-menu-opened .fp-ui,.is-paused .fp-ui,.is-touched .fp-ui{background-image:linear-gradient(to top, rgba(0,0,0,0.5), transparent 15%),linear-gradient(to bottom, rgba(0,0,0,0.5), transparent 20%)}.flowplayer.is-playing:not(.is-hovered):not(.is-chromecast-playing) *{cursor:none}.is-muted .fp-volume{visibility:hidden}.is-muted .fp-volume-mute-unmute{white-space:nowrap}.is-muted .fp-volume-mute-unmute:after{content:'×';font-weight:normal;font-size:170%;line-height:0;margin-left:.4em}.is-fullscreen:not(.is-starting){background-image:none !important}.is-fullscreen{position:fixed;top:0 !important;left:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;border-radius:0px !important;background-color:#262626}.is-fullscreen .fp-fullscreen{display:none}.is-fullscreen .fp-fullscreen-exit{display:inline-block}.fp-error{text-shadow:0 0 1px black;text-align:center;height:70%}.is-error .fp-togglable,.is-error .fp-middle{display:none}@keyframes waiting{0%{transform:scale(1)}20%{transform:scale(1, 2)}40%{transform:scale(1)}}.fp-wait{transition:opacity .3s .1s;position:absolute;opacity:0;height:2em}.is-waiting:not(.is-toggling):not(.is-livecountdown) .fp-wait,.is-seeking:not(.is-toggling) .fp-wait,.is-loading:not(.is-starting) .fp-wait{opacity:1}.is-waiting .fp-wait b,.is-seeking .fp-wait b,.is-loading .fp-wait b{animation:waiting 1s ease-in-out infinite}.fp-wait b{box-shadow:0 0 .5rem #222;background-color:white;display:inline-block;border-radius:.1em;margin:0 .2em;height:2em;width:.4em}.fp-wait b:nth-child(1){animation-delay:0}.fp-wait b:nth-child(2){animation-delay:.1s}.fp-wait b:nth-child(3){animation-delay:.15s}.fp-wait b:nth-child(4){animation-delay:.25s}.fp-live-status{display:none;margin:0 15px 0 7px}.fp-live-status .fp-live-indicator{border-radius:12px;margin:2px 5px 0;display:block;float:left;height:12px;width:12px;content:""}.fp-live-status .fp-live-text{float:right;text-transform:uppercase;letter-spacing:1px;font-size:85%}.is-live .fp-live-status{display:inline;cursor:pointer}.is-live .fp-buffer{display:none}.is-live .fp-progress{background-color:rgba(255,255,255,0.1)}.is-live .fp-hover,.is-live .fp-progress{right:0}.is-live .fp-duration{min-width:2.8em}.is-live-seeked .fp-progress{background-color:white}.is-live-seeked .fp-live-status:hover{cursor:pointer}.is-live-seeked .fp-live-indicator{background-color:rgba(204,204,204,0.5)}.no-timeline .fp-timeline{visibility:hidden}.has-chapters .fp-timeline>.fp-hover{display:none}.fp-livecountdown{position:absolute;top:0;right:0;left:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0,0,0,0.75), transparent 33%);color:#fff;text-transform:uppercase;text-align:center}.fp-livecountdown p{margin:0;padding:0;padding-bottom:.45em}.fp-livecountdown .fp-inner{display:inline-block;padding-top:3.6em;font-size:85%;text-align:left;min-width:15em;font-weight:500;letter-spacing:1px}.fp-livecountdown .fp-countdown{font-size:230%;text-transform:none;font-weight:300}.fp-menu-container,.fp-menu-container:before{font-weight:600}.fp-menu-container summary{list-style:none}.fp-menu-container summary::-webkit-details-marker{display:none}.fp-menu-container:hover{cursor:pointer}.fp-menu ol{padding:0;margin:0}.fp-menu>h3:empty{display:none}.flowplayer .fp-menu{list-style-type:none;padding:0;margin:0;position:absolute;background:#010000;overflow-y:auto;overflow-x:hidden;display:block;bottom:2.52em;right:.9em;border-radius:0.2em;margin-bottom:.9em;max-height:80%}.fp-menu::-webkit-scrollbar{width:0.2em}.fp-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}.fp-menu::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey}.fp-menu h3,.fp-menu li{padding:.9em 2.7em;margin:0;display:flex;text-align:center;align-items:center;justify-content:center;font-weight:700;color:#FDFDFD}.fp-menu h3{text-transform:uppercase;font-size:.99em}.fp-invis{display:none}.fp-menu h3{border-bottom:1px solid #232323;letter-spacing:1px}.fp-menu .fp-close{font-size:150%;position:absolute;right:.18em;top:0em;cursor:pointer;display:none;content:none}.fp-menu li.fp-on{background:#373737}.fp-menu li:hover{background:#505050;font-weight:900}.fp-menu li.on{background:#1D1D1D}.fp-menu li :not(span){display:inline-block;height:1.08em;width:1.08em;margin-right:.9em;vertical-align:top;max-width:2.7em}.fp-menu.fp-icons h3,.fp-menu.fp-icons li{text-align:left;white-space:nowrap}.is-small .fp-menu-container .fp-menu{position:absolute;font-size:110%;border-radius:0}.is-small .fp-menu-container .fp-menu h3{font-size:.9em;min-width:100%;padding-bottom:.45em}.is-small .fp-menu-container .fp-menu .fp-close{display:block}.is-small .fp-menu-container .fp-menu{left:0 !important;right:0 !important;bottom:0 !important;top:0 !important;z-index:9999;max-height:100% !important;height:100%;margin-bottom:0}.is-small .fp-menu-container .fp-menu li{padding:.45em .27em}.is-starting .fp-captions{display:none}.fp-captions{display:flex;flex-direction:column;align-items:center;position:absolute;width:100%;bottom:.9em}.is-hovered .fp-captions,.is-chromecast-playing .fp-captions,.is-touched .fp-captions,.is-paused .fp-captions{bottom:3.2em}.fp-captions:hover{cursor:pointer}.fp-captions pre{padding:.45em .9em;margin:0;white-space:normal;background-color:rgba(1,0,0,0.4)}.is-interstitial .fp-middle>:not(.fp-interstitial){display:none}.is-interstitial .fp-interstitial{padding:0em 4em;display:flex;flex-direction:row;flex-wrap:wrap}.is-interstitial .fp-ui{background:rgba(0,0,0,0.4)}.is-interstitial .fp-footer,.is-interstitial .fp-header .fp-duration{display:none}.fp-interstitial{display:none;font-weight:500;letter-spacing:1px;overflow:hidden;width:100%;flex:1}.fp-interstitial .fp-play{width:5em !important;height:5em !important}.fp-interstitial>div{padding:0.5em}.fp-interstitial .up-next{margin-bottom:0.5em}.fp-interstitial .up-next span{font-size:0.8em;font-weight:600;text-transform:uppercase}.fp-interstitial .title{margin-bottom:0.5em;font-weight:600;font-size:0.90em}.fp-interstitial .description{font-weight:500;font-size:0.85em}.fp-interstitial .countdown{height:1px;margin-top:0.5em;width:100%}.fp-interstitial .cancel{text-transform:capitalize;margin-top:1em;display:block}.fp-interstitial .cancel:hover{color:#f0f0f0}.fp-interstitial .cancel span{font-size:0.7em;text-transform:capitalize;color:#ccc}.fp-interstitial .bottom{display:flex;flex-basis:0}.fp-interstitial .bottom{flex-grow:2}.fp-interstitial .left{flex-grow:1;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;max-height:61.803%}.fp-interstitial .right{flex-grow:1;flex-direction:column;text-align:left;padding:0 2em;font-size:1.1em}.fp-interstitial .bottom{flex-grow:1;min-width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;padding-top:2em;padding-left:0;padding-right:0}.fp-interstitial .bottom>*{margin:0.2em;flex-grow:1;min-width:8em;max-height:8em;height:8em;background-size:cover;position:relative}.fp-interstitial .bottom>* p{position:absolute;bottom:0;left:0;right:0;display:none;background-color:rgba(0,0,0,0.3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}.fp-interstitial .bottom>*:hover p{display:block}.fp-interstitial .bottom>*:first-child{margin-left:0}.fp-interstitial .bottom>*:last-child{margin-right:0}.fp-interstitial.is-autoplay .countdown{width:0%}.video-buttons>*{height:0;width:0}.fp-playlist-controls{background:#333;color:#f1f1f1}.fp-playlist-controls ol{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column}.fp-playlist-controls li{cursor:pointer;margin:0;display:flex;flex-direction:row;min-height:5em;align-items:center}.fp-playlist-controls li .fp-color{transition:width 0.3s ease-out;height:100%}.fp-playlist-controls li:not(:last-child){border-bottom:1px solid #3d3d3d}.fp-playlist-controls li:hover .fp-color,.fp-playlist-controls li.is-current .fp-color{width:0.3em}.fp-playlist-controls li:hover:not(.is-current){background:#4d4d4d}.fp-playlist-controls li.is-current{background:#404040}.fp-playlist-controls .video-info{padding:1em;flex-grow:4}.fp-playlist-controls .video-info .title{font-size:1.1em;font-weight:bold;font-weight:500;margin:0 0 0.5em 0}.fp-playlist-controls .video-info .description{font-size:0.9em}.fp-playlist-controls .video-buttons{margin-right:0.5em;padding:1em;width:5em;display:block;text-align:center;align-items:center;justify-content:center;background-size:cover;min-height:66%}.fp-playlist-controls li.is-playing .fp-pause{height:2em;width:2em}.fp-playlist-controls li.is-queued .fp-play,.fp-playlist-controls li.is-paused .fp-play{height:2em;width:2em}.is-playlist .fp-playlist-prev-preview,.is-playlist .fp-playlist-next-preview{display:block;background-repeat:no-repeat;background-color:black;background-position:center;background-size:contain;position:absolute;top:-2em;width:0;height:0;transition:width 200ms ease-in-out, height 200ms ease-in-out, top 200ms ease-in-out}.is-playlist .fp-playlist-prev-preview{left:0.5em}.is-playlist .fp-playlist-next-preview{left:6.5em}.is-playlist .fp-skip-prev{display:inline-block;width:1.2em;height:1.229em;margin-left:0.5em;margin-right:1.5em;fill:white}.is-playlist .fp-skip-prev:hover ~ .fp-playlist-prev-preview{width:8em;height:6em;top:-7em}.is-playlist .fp-skip-next{display:inline-block;width:1.2em;height:1.229em;margin-left:1.5em;margin-right:1em;fill:white}.is-playlist .fp-skip-next:hover ~ .fp-playlist-next-preview{width:8em;height:6em;top:-7em}.is-prev-button-disabled .fp-skip-prev{opacity:0.5;cursor:default}.is-prev-button-disabled .fp-skip-prev ~ .fp-playlist-prev-preview{display:none !important}.is-next-button-disabled .fp-skip-next{opacity:0.5;cursor:default}.is-next-button-disabled .fp-skip-next ~ .fp-playlist-next-preview{display:none !important}.flowplayer-fatal{background-color:rgba(38,38,38,0.9);color:#a6a6a6;text-align:center;padding:8em 3em 3em 3em}.flowplayer-fatal h2{color:#fff}.flowplayer-fatal .troubleshoot{display:block;border:1px solid #a6a6a6;width:10em;margin:1em auto;color:#fff;padding:0.5em;border-radius:0.2em;text-decoration:none;margin-bottom:8em}.flowplayer-fatal img{height:1em}.fp-header .fp-share-menu{float:left}.fp-header .fp-share-menu .fp-share{width:.9em;height:1.028em}.fp-header .fp-share-menu .fp-menu{inset:auto auto auto 2em}.fp-share-menu h3,.fp-share-menu li{justify-content:flex-start}.is-starting .fp-share{display:none}.is-small.is-share-menu .fp-controls{display:none !important}.is-small .fp-share-menu li{padding:.27em !important;padding-left:1.62em !important}.is-small.is-share-menu.logo-on-right .fp-right{position:static}.is-small.is-share-menu:not(.logo-on-right) .fp-right{display:none}.fp-share-menu.webshare-enabled{display:inline-block}.fp-message{position:absolute;display:block;top:3.6em;left:0;right:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;background-color:transparent;color:white;z-index:10}.fp-message.fp-shown{max-height:3em}.fp-message p{margin:1em;text-align:center;text-shadow:0 1px 2px black}.is-small .fp-message{top:2.7em}.is-small .fp-message.fp-shown{max-height:3em}.is-small .fp-message p{margin:.5em}.is-tiny .fp-message{top:1.8em}.is-tiny .fp-message.fp-shown{max-height:2em}.is-tiny .fp-message p{margin:.25em}.fp-airplay{width:0}.is-airplay-available .fp-airplay{width:2em;height:1.6em;margin-right:0.6em;padding-top:0.2em;order:1;fill:white;display:inline-block}.is-starting .fp-airplay{width:0}.fp-btns:focus .is-accessibility,.fp-middle:focus .is-accessibility .fp-switch,.fp-menu li:focus .is-accessibility{outline:auto 2px Highlight;outline:auto 5px -webkit-focus-ring-color}.fp-middle:focus .is-accessibility{outline:none}.is-accessibility a:focus>.fp-logo{background-color:gray}.flowplayer:not(.is-accessibility) *{outline:none}.fp-endscreen{display:none;position:absolute;top:0}.is-endscreen .fp-endscreen{display:flex;justify-content:center;position:absolute;padding:4em;height:100%;width:100%;background:black}.is-endscreen .fp-endscreen-cells{display:inline;margin:auto;width:100%;height:100%}.is-endscreen .fp-endscreen-cell{display:inline-block;background:black;padding:0.1em;float:left;overflow:hidden;width:25%;height:33.3%}.is-endscreen .fp-endscreen-cell-thumbnail{background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.is-endscreen .fp-endscreen-cell-title{text-overflow:ellipsis;white-space:nowrap;padding:0.4em;float:none;overflow:hidden;text-align:left}.is-endscreen .fp-small-play{display:inline}.is-small .fp-endscreen{padding:1.5em;font-size:small}.is-small .fp-endscreen-cell{width:33.3%;height:50%}.fp-endscreen-cell:hover{transition:transform .2s ease-in-out;transform:scale(1.1)}.fp-cast-button{height:1.6em;width:1.8em;order:1;display:inline-block;cursor:pointer;transition:transform 0.2s ease-in;margin-left:0.2em;margin-right:0.2em}.fp-cast-button:hover{transform:scale(1.1)}.fp-cast-button google-cast-launcher{--disconnected-color: #fff}.fp-middle .fp-chromecast{display:none;position:absolute;left:0;right:0;top:0;bottom:0;color:#fff;background-color:rgba(0,0,0,0.3);text-align:center;padding-top:3em;font-size:200%;background-size:cover;text-shadow:0 1px 2px black;width:100%}.is-chromecast-playing .fp-fullscreen,.is-chromecast-playing .fp-fullscreen-exit,.is-chromecast-playing .fp-volume-control{display:none}.is-chromecast-playing .fp-chromecast{display:block}.is-chromecast-playing.no-chromecast-controls .fp-controls{display:none !important}.flowplayer.is-flashls .fp-flashls{position:absolute}.flowplayer.is-flashls .fp-flashls.is-initialising{z-index:9999}.flowplayer.is-audio-player{background-size:cover}.flowplayer.is-audio-player .fp-engine{display:none}.flowplayer.is-audio-player .fp-fullscreen{display:none}.flowplayer.is-audio-player.is-paused .fp-togglable,.flowplayer.is-audio-player.is-playing .fp-togglable{opacity:1}.flowplayer.is-audio-player.show-controls-only{height:3.6em}.flowplayer.is-audio-player.show-controls-only.is-paused .fp-header,.flowplayer.is-audio-player.show-controls-only.is-paused .fp-middle,.flowplayer.is-audio-player.show-controls-only.is-playing .fp-header,.flowplayer.is-audio-player.show-controls-only.is-playing .fp-middle{display:none}.flowplayer.is-audio-player.show-controls-only.is-paused .fp-controls,.flowplayer.is-audio-player.show-controls-only.is-playing .fp-controls{height:100%}.flowplayer.is-audio-player.show-controls-only.is-starting{display:flex;flex-flow:row-reverse;align-items:center;justify-content:center}.flowplayer.is-audio-player.show-controls-only.is-starting.is-paused .fp-middle{display:flex}.flowplayer.is-audio-player.show-controls-only.is-starting video{display:none}.flowplayer.is-audio-player.show-controls-only.is-starting .fp-ui,.flowplayer.is-audio-player.show-controls-only.is-starting .fp-footer{position:relative;left:auto;bottom:auto;right:auto;max-width:none;width:auto}.flowplayer.is-audio-player.show-controls-only.is-starting .fp-footer{flex-grow:1}.flowplayer.is-audio-player.show-controls-only.is-starting .fp-ui .fp-header,.flowplayer.is-audio-player.show-controls-only.is-starting .fp-ui .fp-controls{display:none}.flowplayer.is-audio-player.show-controls-only.is-starting .fp-ui .fp-middle{max-height:3.6em}.flowplayer.is-audio-player.show-controls-only.is-starting .fp-ui .fp-middle .fp-switch{margin-top:0.2em;transform:scale(0.6)}#flowplayer-floating-placeholder{background-color:rgba(38,38,38,0.9);color:#a6a6a6}#flowplayer-floating-placeholder p{color:#fff;display:block;text-align:center;margin:0 auto;color:#fff;padding:3em 0 0 0;font-size:1.2em;font-weight:600;text-decoration:none}.flowplayer.is-popped-out .fp-float-wrapper{position:fixed !important;width:100%;background-color:#333}.flowplayer.is-popped-out{z-index:10}body>#flowplayer-floating-container,.flowplayer.is-popped-out .fp-float-wrapper{max-width:33%;position:fixed;position:-webkit-sticky;position:sticky;bottom:1em;left:1em}@media screen and (orientation: portrait){body>#flowplayer-floating-container,.flowplayer.is-popped-out .fp-float-wrapper{bottom:0;left:0;right:0;max-width:none}}.no-standard-controls .fp-controls,.no-standard-controls .fp-header>*{display:none}.fp-exit-float{display:none}.fp-exit-float .fp-close:hover{transform:scale(1.1)}.fp-mute-float{display:none}.fp-mute-float .fp-mute{display:none}.fp-mute-float .fp-unmute{display:block}.fp-mute-float .fp-mute:hover,.fp-mute-float .fp-unmute:hover{transform:scale(1.1)}.is-muted .fp-mute-float .fp-mute{display:block}.is-muted .fp-mute-float .fp-unmute{display:none}.is-popped-out:not(.is-fullscreen) .fp-volume-control{display:none}.is-popped-out:not(.is-fullscreen) .fp-exit-float,.is-popped-out:not(.is-fullscreen) .fp-mute-float{display:block;position:absolute;top:50%;transform:translateY(-50%);right:1em;width:3.15em;height:2.925em;background-color:#0005;border-radius:100%}@media screen and (orientation: portrait){.is-popped-out:not(.is-fullscreen) .fp-exit-float,.is-popped-out:not(.is-fullscreen) .fp-mute-float{right:1vw;width:12vw;height:12vw}}.is-popped-out:not(.is-fullscreen) .fp-exit-float>*,.is-popped-out:not(.is-fullscreen) .fp-mute-float>*{height:100%}.is-popped-out:not(.is-fullscreen) .fp-mute-float{left:1em}.fp-float-player-icons{fill:#fff;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.is-popped-out .fp-middle{position:absolute;height:100%;width:100%}.is-popped-out .fp-controls{position:absolute;width:100%;bottom:0}.is-ad-showing.is-popped-out:not(.is-fullscreen) .fp-exit-float{position:relative;width:1.6em;height:1.6em;margin-left:1.8em}.no-title .fp-title{display:none}.no-description .fp-desc{display:none}.no-controls .fp-controls{display:none}.no-controls .fp-middle{padding-bottom:3.6em}.no-duration .fp-header .fp-duration{display:none}.no-header .fp-header{display:none}.no-header .fp-middle{padding-top:3.6em}.fp-right-zone,.fp-left-zone{display:flex;align-items:center;align-content:center;background:transparent}.fp-right-zone .fp-zone-seconds,.fp-left-zone .fp-zone-seconds{align-content:center;align-items:center;font-size:1.5em;font-weight:bold;display:none;width:2em}.fp-right-zone .fp-zone-seconds:empty,.fp-left-zone .fp-zone-seconds:empty{visibility:hidden}.fp-left-zone{flex-direction:row-reverse}.fp-left-zone .fp-zone-seconds:before{content:"-"}.fp-right-zone .fp-zone-seconds:before{content:"+"}.is-touched .fp-ui{background:rgba(0,0,0,0.2)}.is-touched.is-seekable:not(.no-touch-zones):not(.no-timeline) .fp-left-zone .fp-rewind,.is-touched.is-seekable:not(.no-touch-zones):not(.no-timeline) .fp-left-zone .fp-zone-seconds{display:flex}.is-touched.is-seekable:not(.no-touch-zones):not(.no-timeline):not(.is-disabled) .fp-right-zone .fp-fast-forward,.is-touched.is-seekable:not(.no-touch-zones):not(.no-timeline):not(.is-disabled) .fp-right-zone .fp-zone-seconds{display:flex}.will-seek.forward .fp-right-zone .fp-fast-forward,.will-seek.forward .fp-right-zone .fp-zone-seconds{display:flex}.will-seek.backward .fp-left-zone .fp-rewind,.will-seek.backward .fp-left-zone .fp-zone-seconds{display:flex}.fp-thumbnail-carousel{display:none}.is-hovered.with-thumbnails .fp-thumbnail-carousel,.with-thumbnails.is-chromecast-playing .fp-thumbnail-carousel{display:flex;justify-content:center;padding:1em 0em;bottom:3.6em;width:100%;position:absolute;left:0}.fp-thumbnail-carousel .thumbnail{margin:0 1em;filter:drop-shadow(0 0 1em #000)}.fp-thumbnail-carousel .thumbnail:first-child,.fp-thumbnail-carousel .thumbnail:last-child{transform:scale(0.6)}.with-thumbnails .fp-ui{background:rgba(0,0,0,0.2)}.ssai{--ssai-accent-color: #ffd700;--ssai-percent-complete: 0;--ssai-percent-previous: 0}.ad-ui.ssai{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.ssai-ad-active{background:none !important}.ssai-ad-active .fp-engine{display:block !important}.ssai-ad-active .ad-ui.ssai{display:block}.ssai-ad-active .fp-ui,.ssai-ad-active .fp-footer{display:none}.ssai .timeline{background:var(--flowplayer-background-color, #333);height:6px;position:absolute;bottom:0;left:0;background-color:var(--ssai-accent-color);width:1%;transform-origin:left;transform:scaleX(var(--ssai-percent-previous))}.ssai .timeline.go{animation-name:progress;animation-duration:0.16s}.ssai .resume{display:none}.ssai .resume:hover{cursor:pointer}.is-paused .ssai .resume{display:block;position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}@keyframes progress{from{transform:scaleX(var(--ssai-percent-previous))}to{transform:scaleX(var(--ssai-percent-complete))}}.fp-preview{width:100%;height:100%;position:absolute;display:none}.is-in-viewport.is-starting .in-viewport.fp-preview,.is-hovered.is-starting .fp-preview,.is-starting.is-chromecast-playing .fp-preview{display:block}
package/index.d.ts CHANGED
@@ -1,25 +1,29 @@
1
- import type { Level } from "hls.js"
2
- import {AutoplayOpts} from "../core/autoplay-enum"
3
- import { QualityOpts } from "../core/quality-enum"
4
- import { CLEARKEY, FAIRPLAY, PLAYREADY, WIDEVINE } from "../drm/constants"
5
- import { DRMConfiguration } from "../drm/types"
1
+ import type { Level, MediaKeyFunc } from "hls.js"
6
2
  import {AnyPlugin, Loader, Plugin, PluginCtor} from "./plugin"
7
3
 
4
+
5
+
8
6
  export declare namespace Flowplayer {
7
+
8
+ export enum AutoplayOpts{ OFF, ON, AUDIO_REQUIRED }
9
+ export enum QualityOpts{ LOW, MEDIUM, HIGH }
10
+
11
+
9
12
  export type JSONPlayer =
10
13
  | any
11
14
  export type SourceStr =
12
15
  | string
13
16
 
17
+ export type DRM_KEYSYSTEM = "com.widevine.alpha" | "com.microsoft.playready" | "org.w3.clearkey" | "com.apple.fps.1_0"
18
+
14
19
  export type DeviceId =
15
20
  | string
16
21
  export type SourceObj =
17
- | {src?: SourceStr, type?: string, drm?: {
18
- [WIDEVINE]?: DRMConfiguration,
19
- [PLAYREADY]?: DRMConfiguration,
20
- [CLEARKEY]?: DRMConfiguration,
21
- [FAIRPLAY]?: DRMConfiguration
22
- }}
22
+ | {src?: SourceStr, type?: string, drm?: DRMSourceConfiguration}
23
+
24
+ export type DRMSourceConfiguration = {
25
+ [keysystem in DRM_KEYSYSTEM]?: DRMConfiguration
26
+ }
23
27
 
24
28
  export type SourceWith<T> =
25
29
  | SourceObj
@@ -31,14 +35,18 @@ export declare namespace Flowplayer {
31
35
  | SourceList
32
36
  export type SourceList =
33
37
  | Array<SourceObj>
34
- export type DRMLicenseServer =
35
- { server_url: string
36
- }
37
- export type DRMLicenseInfo =
38
- { "com.microsoft.playready": DRMLicenseServer
39
- ; "com.widevine.alpha": DRMLicenseServer
40
- ; "com.apple.fps.1_0": DRMLicenseServer
41
- }
38
+ export type DRMConfiguration = {
39
+ license_server: string,
40
+ http_headers?: Record<string, string>,
41
+ certificate?: string,
42
+ vendor?: string | DRMVendorImplementation,
43
+ request_media_key_system_access_function?: MediaKeyFunc,
44
+ query_params?: Record<string, string>
45
+ }
46
+ export type DRMVendorImplementation = {
47
+ fairplay_fetch_certificate: (url: string | null, cb: (certificate_data: Uint8Array) => void) => void,
48
+ fairplay_request_license: (url: string | null, params: { message: any, assetId: string }, cb: (license_data: Uint8Array) => void) => void
49
+ }
42
50
  type PlayerState =
43
51
  | string
44
52
  export type BitOpts =
@@ -181,6 +189,39 @@ export declare namespace Flowplayer {
181
189
  onrender? : (config: Config, root: PlayerRoot, player: Player)=> void
182
190
  onremove? : (config: Config, root: PlayerRoot, player: Player)=> void
183
191
  }
192
+
193
+ type ImaConfiguration = {
194
+ [key: string]: boolean | number | string
195
+ }
196
+
197
+ type AdsCommonConfiguration = {
198
+ ima?: ImaConfiguration
199
+ }
200
+
201
+ type VmapConfiguration = {
202
+ vmap_url: string
203
+ }
204
+
205
+ type VastBreak = {
206
+ time: number,
207
+ vast_url: string
208
+ }
209
+
210
+ type VastBreakConfiguration = {
211
+ breaks: VastBreak[]
212
+ }
213
+
214
+ export type AdsConfiguration = AdsCommonConfiguration & VmapConfiguration & VastBreakConfiguration
215
+
216
+ export type ChromecastMediaInfoCustomData = {
217
+ drm?: DRMSourceConfiguration,
218
+ debug?: boolean,
219
+ health?: {
220
+ media_session_id: string,
221
+ session_id: string,
222
+ },
223
+ ads?: AdsConfiguration
224
+ }
184
225
  }
185
226
 
186
227
  export type HLSQualityChange =
@@ -214,3 +255,7 @@ export type PlayerRoot = Flowplayer.PlayerRoot;
214
255
  export type PluginConfig<T> = Flowplayer.PluginConfig<T>;
215
256
  export type SourceWith<T> = Flowplayer.SourceWith<T>;
216
257
  export type FlowplayerCustomElementRegistry = Flowplayer.FlowplayerCustomElementRegistry;
258
+ export type DRMConfiguration = Flowplayer.DRMConfiguration;
259
+ export type DRMVendorImplementation = Flowplayer.DRMVendorImplementation;
260
+ export type DRMSourceConfiguration = Flowplayer.DRMSourceConfiguration;
261
+ export type AdsConfiguration = Flowplayer.AdsConfiguration;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flowplayer/player",
3
- "version": "3.0.5",
3
+ "version": "3.0.7",
4
4
  "description": "video player for the future",
5
5
  "license": "https://flowplayer.com/commercial-license",
6
6
  "main": "default.js",
@@ -11,12 +11,8 @@
11
11
  },
12
12
  "files": [
13
13
  "core.js",
14
- "core/autoplay-enum.js",
15
14
  "core/events.js",
16
- "core/quality-enum.js",
17
15
  "default.js",
18
- "drm/constants.js",
19
- "drm/types.js",
20
16
  "embed.js",
21
17
  "plugins/ads.js",
22
18
  "plugins/airplay.js",
@@ -53,11 +49,7 @@
53
49
  "plugins/thumbnails.js",
54
50
  "util/loader.js",
55
51
  "flowplayer.css",
56
- "core/autoplay-enum.d.ts",
57
52
  "core/events.d.ts",
58
- "core/quality-enum.d.ts",
59
- "drm/constants.d.ts",
60
- "drm/types.d.ts",
61
53
  "index.d.ts",
62
54
  "util/loader.d.ts"
63
55
  ]
package/plugins/asel.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.asel=t())}(this,(function(){"use strict";var e={SET:"audio:set",SWITCH:"audio:update",TRACKS:"audio:tracks"};function t(e,t,n){const s=function(e){return Array.isArray(e)?e.slice(0):e.split(".")}(t);for(;s.length;){if(null==e)return n;const t=s.shift();if("string"!=typeof t)return n;e=e[t]}return null==e?n:e}const n=navigator.languages||[navigator.language];function s(t,n){t.emit(e.SET,n),n.autoselect&&function(e,t){try{localStorage.setItem(e,t)}catch(e){}}("@flowplayer/audio/track",n.lang)}function o(e){return e.toLowerCase()}function i(e,s){e=e.slice(0);const i={},a=function(e){try{return localStorage.getItem(e)}catch(e){return null}}("@flowplayer/audio/track");let r=function(){try{return n.reduce((e,t)=>~t.indexOf("-")?e.concat(t,t.split("-")[0]):e.concat(t),[])}catch(e){return[]}}().map(o),l=-1;if("number"==typeof s)return s;for("string"==typeof s&&(s=s.toLowerCase(),~r.indexOf(s)&&r.splice(r.indexOf(s),1),r.unshift(o(s))),Array.isArray(s)&&(r=s.map(o));e.length;){++l;const n=e.shift();if(null==n?void 0:n.autoselect){if(a==n.lang)return console.debug("restoring lang from previous session: ",a),l;if(n.default&&(i.fallback=[l,n]),n.lang&&~r.indexOf(n.lang.toLowerCase())){const e=r.indexOf(n.lang);if(e<t(i,"by_lang.2",1/0)&&(i.by_lang=[l,n,e]),0===e)break}}}return t(i,"by_lang.0",t(i,"fallback.0",void 0))}const a=(e,t)=>new(((e,t)=>{const n=e.get(t);if(!n)throw new Error(`no flowplayer component with the name ${t} exists`);const s=window.customElements.get(t);if(!s)throw new Error(`no default flowplayer component with the name ${t} exists`);const o=window.customElements.get(n);return"function"!=typeof o?s:o})(e._customElements,t))(e);class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}const r="fp-on",l="fp-invis";class FlowplayerMenu extends FlowplayerComponent{constructor(e){super(e),this.player=e,this.menuContainer=document.createElement("details"),this.summaryEle=document.createElement("summary"),this.olEle=document.createElement("ol"),this.menu=document.createElement("div"),this.closeEle=document.createElement("span"),this.menu.classList.add("fp-menu"),this.menu.append(this.closeEle,this.olEle),this.closeEle.classList.add("fp-close"),this.closeEle.innerHTML="&times;",this.menuContainer.append(this.summaryEle,this.menu),this.menuContainer.addEventListener("click",(function(t){t.preventDefault();const n=this.open;n||(c(),document.active_menu=this),this.open=!n,e.root.classList.toggle("has-menu-opened",!n)})),this.append(this.menuContainer)}get options(){return this.olEle.querySelectorAll("li")}setMenuAttrs(e){if(this.className=`${e.class} ${l}`,this.menuContainer.classList.add("fp-menu-container"),this.menuContainer.setAttribute("aria-controls",e.id||Math.random().toString(36).replace(/[^a-z]+/g,"").substr(0,5)),this.menuContainer.setAttribute("aria-label",e.menuTitle||""),e.summaryTitle&&(this.summaryEle.textContent=e.summaryTitle),e.summaryIcon){const t=a(this.player,e.summaryIcon);t.setAttribute("tabindex",""),this.summaryEle.append(t)}if(e.menuTitle){const t=document.createElement("h3");t.textContent=e.menuTitle,this.menu.prepend(t)}this.menu.classList.toggle("fp-icons",!!e.icons),this.addEventListener(e.options_event,e=>{this.render(e.data)}),e.item_selected_event&&this.addEventListener(e.item_selected_event,e=>{void 0!==e.data&&this.select_item(e.data.selected_index)})}render(e){this.olEle&&(this.olEle.innerHTML="",e&&e.forEach(this.menuOption,this),this.classList.toggle(l,!(null==e?void 0:e.length)))}menuOption(e,t){const n=document.createElement("li");n.setAttribute("tabindex","0"),n.setAttribute("role","menuitem"),e.icon&&n.append(e.icon);const s=document.createElement("span");s.textContent=e.text,n.append(s),n.addEventListener("click",()=>{this.select_item(t),"function"==typeof e.onclick&&e.onclick()}),this.olEle.appendChild(n)}select_item(e){this.options.forEach((t,n)=>{t.classList.toggle(r,n===e&&("flowplayer-subtitles-menu"!==this.localName||!t.classList.contains(r)))})}unselect_item(){this.options.forEach(e=>{e.classList.remove(r)})}}function c(){Array.from(document.querySelectorAll(".fp-engine")).forEach(e=>{const t=e.root.querySelector("details[open].fp-menu-container");t&&(t.open=!1,e.root.classList.toggle("has-menu-opened",!1))})}function u(e,t,n){const s=function(e,t){const n=new CustomEvent(e,{detail:t,cancelable:!0});return t&&Object.defineProperty(n,"data",{get:()=>t}),n}(t,n);return e.dispatchEvent(s),e}document.addEventListener("click",(function(e){this.active_menu&&!e.composedPath().includes(this.active_menu)&&(c(),this.active_menu=void 0)})),function(){let e=!1;try{const t=Object.defineProperty({},"passive",{get:function(){e=!0}});window.addEventListener("testPassive",null,t),window.removeEventListener("testPassive",null,t)}catch(e){}}();class Asel{constructor(e){((e,t,n)=>{window.customElements.get(t)||window.customElements.define(t,n),e.customElements.get(t)||e.customElements.set(t,t)})(e,"flowplayer-audio-menu",FlowplayerMenu)}init(n,o,r){if(!1===n.asel)return;let c=[];const m=a(r,"flowplayer-audio-menu");m instanceof FlowplayerMenu&&m.setMenuAttrs({summaryTitle:r.i18n("audio.button_txt"),menuTitle:r.i18n("audio.menu_title"),class:"fp-asel",options_event:Asel.events.TRACKS,item_selected_event:Asel.events.SWITCH});const f=function(t){const n={tracks:[],events:e};return Object.assign(n,{set:function(s){if(!("number"!=typeof s||s<0||s>n.tracks.length-1))return t.emit(e.SET,n.tracks[s]),n},get:function(e){if("number"==typeof e)return n.tracks[e]}}),n}(r);r.asel=f,r.on("mount",(function(){var e;null===(e=function(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}(r,"flowplayer-control"))||void 0===e||e.append(m)})),r.on(e.TRACKS,(function(e){if(!Array.isArray(e.data)||e.data.length===c.length&&e.data.every((e,t)=>e===c[t]))return;c=e.data,f.tracks=c.slice();const o=t(n,"asel.sort");"function"==typeof o&&f.tracks.sort(o),u(m,Asel.events.TRACKS,Array.from({length:f.tracks.length}).map((e,t)=>{const n=f.tracks[t];return{text:n.name||n.label||n.lang,onclick:s.bind(0,r,n)}}));const a=f.tracks.filter((function(e){return e.enabled}))[0];a&&u(m,Asel.events.SWITCH,{selected_index:f.tracks.indexOf(a)});const d=i(f.tracks,t(n,"asel.default_lang",!1));return m instanceof FlowplayerMenu&&m.classList.toggle(l,e.data.length<2),void 0!==d?f.set(d):void 0})),r.on(e.SWITCH,(function(e){const n=t(e,"data.id",-1),s=f.tracks.filter((function(e){return e.id===n}))[0];s&&u(m,Asel.events.SWITCH,{selected_index:f.tracks.indexOf(s)})})),r.audioTracks&&(r.audioTracks.addEventListener("addtrack",(function(){if(r.hls)return;const t=Array.from(r.audioTracks).slice().map(d);r.emit(e.TRACKS,t)})),r.on(e.SET,(function(e){r.hls||Array.from(r.audioTracks).forEach(t=>{var n;t.enabled=(null===(n=e.data)||void 0===n?void 0:n.id)===t.id})})))}}function d(e){return Object.assign({},[{}].concat(["id","kind","enabled","label","language"].map((function(t){const n={};return n["language"===t?"lang":t]=e[t],n}))))}return Asel.events={TRACKS:e.TRACKS,SWITCH:e.SWITCH},function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;"function"==typeof n?n(t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t))}(window,Asel),Asel}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.asel=t())}(this,(function(){"use strict";var e={SET:"audio:set",SWITCH:"audio:update",TRACKS:"audio:tracks"};function t(e,t,n){const s=function(e){return Array.isArray(e)?e.slice(0):e.split(".")}(t);for(;s.length;){if(null==e)return n;const t=s.shift();if("string"!=typeof t)return n;e=e[t]}return null==e?n:e}const n=navigator.languages||[navigator.language];function s(t,n){t.emit(e.SET,n),n.autoselect&&function(e,t){try{localStorage.setItem(e,t)}catch(e){}}("@flowplayer/audio/track",n.lang)}function o(e){return e.toLowerCase()}function i(e,s){e=e.slice(0);const i={},a=function(e){try{return localStorage.getItem(e)}catch(e){return null}}("@flowplayer/audio/track");let r=function(){try{return n.reduce((e,t)=>~t.indexOf("-")?e.concat(t,t.split("-")[0]):e.concat(t),[])}catch(e){return[]}}().map(o),l=-1;if("number"==typeof s)return s;for("string"==typeof s&&(s=s.toLowerCase(),~r.indexOf(s)&&r.splice(r.indexOf(s),1),r.unshift(o(s))),Array.isArray(s)&&(r=s.map(o));e.length;){++l;const n=e.shift();if(null==n?void 0:n.autoselect){if(a==n.lang)return console.debug("restoring lang from previous session: ",a),l;if(n.default&&(i.fallback=[l,n]),n.lang&&~r.indexOf(n.lang.toLowerCase())){const e=r.indexOf(n.lang);if(e<t(i,"by_lang.2",1/0)&&(i.by_lang=[l,n,e]),0===e)break}}}return t(i,"by_lang.0",t(i,"fallback.0",void 0))}const a=(e,t)=>new(((e,t)=>{const n=e.get(t);if(!n)throw new Error(`no flowplayer component with the name ${t} exists`);const s=window.customElements.get(t);if(!s)throw new Error(`no default flowplayer component with the name ${t} exists`);const o=window.customElements.get(n);return"function"!=typeof o?s:o})(e._customElements,t))(e);class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}const r="fp-on",l="fp-invis";class FlowplayerMenu extends FlowplayerComponent{constructor(e){super(e),this.player=e,this.menuContainer=document.createElement("details"),this.summaryEle=document.createElement("summary"),this.olEle=document.createElement("ol"),this.menu=document.createElement("div"),this.closeEle=document.createElement("span"),this.menu.classList.add("fp-menu"),this.menu.append(this.closeEle,this.olEle),this.closeEle.classList.add("fp-close"),this.closeEle.textContent="×",this.menuContainer.append(this.summaryEle,this.menu),this.menuContainer.addEventListener("click",(function(t){t.preventDefault();const n=this.open;n||(c(),document.active_menu=this),this.open=!n,e.root.classList.toggle("has-menu-opened",!n)})),this.append(this.menuContainer)}get options(){return this.olEle.querySelectorAll("li")}setMenuAttrs(e){if(this.className=`${e.class} ${l}`,this.menuContainer.classList.add("fp-menu-container"),this.menuContainer.setAttribute("aria-controls",e.id||Math.random().toString(36).replace(/[^a-z]+/g,"").substr(0,5)),this.menuContainer.setAttribute("aria-label",e.menuTitle||""),e.summaryTitle&&(this.summaryEle.textContent=e.summaryTitle),e.summaryIcon){const t=a(this.player,e.summaryIcon);t.setAttribute("tabindex",""),this.summaryEle.append(t)}if(e.menuTitle){const t=document.createElement("h3");t.textContent=e.menuTitle,this.menu.prepend(t)}this.menu.classList.toggle("fp-icons",!!e.icons),this.addEventListener(e.options_event,e=>{this.render(e.data)}),e.item_selected_event&&this.addEventListener(e.item_selected_event,e=>{void 0!==e.data&&this.select_item(e.data.selected_index)})}render(e){this.olEle&&(this.olEle.innerHTML="",e&&e.forEach(this.menuOption,this),this.classList.toggle(l,!(null==e?void 0:e.length)))}menuOption(e,t){const n=document.createElement("li");n.setAttribute("tabindex","0"),n.setAttribute("role","menuitem"),e.icon&&n.append(e.icon);const s=document.createElement("span");s.textContent=e.text,n.append(s),n.addEventListener("click",()=>{this.select_item(t),"function"==typeof e.onclick&&e.onclick()}),this.olEle.appendChild(n)}select_item(e){this.options.forEach((t,n)=>{t.classList.toggle(r,n===e&&("flowplayer-subtitles-menu"!==this.localName||!t.classList.contains(r)))})}unselect_item(){this.options.forEach(e=>{e.classList.remove(r)})}}function c(){Array.from(document.querySelectorAll(".fp-engine")).forEach(e=>{const t=e.root.querySelector("details[open].fp-menu-container");t&&(t.open=!1,e.root.classList.toggle("has-menu-opened",!1))})}function u(e,t,n){const s=function(e,t){const n=new CustomEvent(e,{detail:t,cancelable:!0});return t&&Object.defineProperty(n,"data",{get:()=>t}),n}(t,n);return e.dispatchEvent(s),e}document.addEventListener("click",(function(e){this.active_menu&&!e.composedPath().includes(this.active_menu)&&(c(),this.active_menu=void 0)})),function(){let e=!1;try{const t=Object.defineProperty({},"passive",{get:function(){e=!0}});window.addEventListener("testPassive",null,t),window.removeEventListener("testPassive",null,t)}catch(e){}}();class Asel{constructor(e){((e,t,n)=>{window.customElements.get(t)||window.customElements.define(t,n),e.customElements.get(t)||e.customElements.set(t,t)})(e,"flowplayer-audio-menu",FlowplayerMenu)}init(n,o,r){if(!1===n.asel)return;let c=[];const f=a(r,"flowplayer-audio-menu");f instanceof FlowplayerMenu&&f.setMenuAttrs({summaryTitle:r.i18n("audio.button_txt"),menuTitle:r.i18n("audio.menu_title"),class:"fp-asel",options_event:Asel.events.TRACKS,item_selected_event:Asel.events.SWITCH});const m=function(t){const n={tracks:[],events:e};return Object.assign(n,{set:function(s){if(!("number"!=typeof s||s<0||s>n.tracks.length-1))return t.emit(e.SET,n.tracks[s]),n},get:function(e){if("number"==typeof e)return n.tracks[e]}}),n}(r);r.asel=m,r.on("mount",(function(){var e;null===(e=function(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}(r,"flowplayer-control"))||void 0===e||e.append(f)})),r.on(e.TRACKS,(function(e){if(!Array.isArray(e.data)||e.data.length===c.length&&e.data.every((e,t)=>e===c[t]))return;c=e.data,m.tracks=c.slice();const o=t(n,"asel.sort");"function"==typeof o&&m.tracks.sort(o),u(f,Asel.events.TRACKS,Array.from({length:m.tracks.length}).map((e,t)=>{const n=m.tracks[t];return{text:n.name||n.label||n.lang,onclick:s.bind(0,r,n)}}));const a=m.tracks.filter((function(e){return e.enabled}))[0];a&&u(f,Asel.events.SWITCH,{selected_index:m.tracks.indexOf(a)});const d=i(m.tracks,t(n,"asel.default_lang",!1));return f instanceof FlowplayerMenu&&f.classList.toggle(l,e.data.length<2),void 0!==d?m.set(d):void 0})),r.on(e.SWITCH,(function(e){const n=t(e,"data.id",-1),s=m.tracks.filter((function(e){return e.id===n}))[0];s&&u(f,Asel.events.SWITCH,{selected_index:m.tracks.indexOf(s)})})),r.audioTracks&&(r.audioTracks.addEventListener("addtrack",(function(){if(r.hls)return;const t=Array.from(r.audioTracks).slice().map(d);r.emit(e.TRACKS,t)})),r.on(e.SET,(function(e){r.hls||Array.from(r.audioTracks).forEach(t=>{var n;t.enabled=(null===(n=e.data)||void 0===n?void 0:n.id)===t.id})})))}}function d(e){return Object.assign({},[{}].concat(["id","kind","enabled","label","language"].map((function(t){const n={};return n["language"===t?"lang":t]=e[t],n}))))}return Asel.events={TRACKS:e.TRACKS,SWITCH:e.SWITCH},function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;"function"==typeof n?n(t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t))}(window,Asel),Asel}));
package/plugins/chromecast.js CHANGED
@@ -13,4 +13,4 @@
13
13
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
14
  PERFORMANCE OF THIS SOFTWARE.
15
15
  ***************************************************************************** */
16
- function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}(n,["src"]);return[Object.assign({src:o,type:o?t("video/"+e(o)):""},r)]};class Pipe{constructor(e){this.data=e}static of(e){return new Pipe(e)}static maybe(e,t,...n){return null==e?e:t.apply(e,[e,...n])}tap(e,...t){return e.apply(this,[this.data,...t]),new Pipe(this.data)}fmap(e,...t){const n=e.apply(this,[this.data,...t]);return new Pipe(n)}unwrap(){return this.data}}const o="chromecast:idle";var r=Object.freeze({__proto__:null,CAST_AVAILABLE:"chromecast:available",CAST_UNAVAILABLE:"chromecast:unavailable",CAST_START_CASTING:"chromecast:start",CAST_IDLE:o,CAST_STATE_CHANGED:"chromecast:state:changed",CAST_SESSION_CHANGED:"chromecast:session:changed",CAST_FIELD_UPDATE:"chromecast:field:update",CAST_MEDIA_LOAD_REQUEST:"chromecast:media"});const a=/(video\/mp4)|(application\/x-mpegurl)|(video\/mpd)|(application\/dash\+xml)/;function c(){var e;return(null===(e=d())||void 0===e?void 0:e.getCurrentSession())||null}function i(){var e;return(null===(e=c())||void 0===e?void 0:e.getMediaSession())||null}function s(e){var t,n;const o=u(e).unwrap().map((function(e){return null==e?void 0:e.src})),r=null===(n=null===(t=i())||void 0===t?void 0:t.media)||void 0===n?void 0:n.contentId;return!!r&&!!~o.indexOf(r)}function l(e){var t;return(null===(t=e.type)||void 0===t?void 0:t.match(a))||!1}function u(e){return Pipe.of(e).fmap(()=>e.original_src||[]).fmap((function(e){return"string"==typeof e?function(e){return n({src:e})}(e):e})).fmap((function(e){return e.filter(l)}))}function d(){var e,t;return null===(t=null===(e=null===cast||void 0===cast?void 0:cast.framework)||void 0===e?void 0:e.CastContext)||void 0===t?void 0:t.getInstance()}function f(e,t,n){(function(e){return e.filter((function(e){return s(e)}))})(e).forEach((function(e){e.emit(t,n)}))}function m(e,t,n){(function(e){return e.filter((function(e){return!s(e)}))})(e).forEach((function(e){e.emit(t,n)}))}function p(e,t,n){e.forEach((function(e){e.emit(t,n)}))}const v="currentTime",h="playerState",y={player:void 0,controller:void 0};function w(e){y.player=new cast.framework.RemotePlayer,y.controller=new cast.framework.RemotePlayerController(y.player),y.controller.addEventListener(cast.framework.RemotePlayerEventType.ANY_CHANGE,S.bind(null,e)),y.controller.addEventListener(cast.framework.RemotePlayerEventType.MEDIA_INFO_CHANGED,(function(){m(e,o)}))}function S(e,t){f(e,"chromecast:field:update",t)}function E(e){return Array.from(e.querySelectorAll("track")).filter(e=>~["subtitles","captions"].indexOf(e.kind))}function g(e){var t;const n=new chrome.cast.media.EditTracksInfoRequest(e);null===(t=i())||void 0===t||t.editTracksInfo(n,console.debug,console.error)}function T(e,t,n,r){const a=c();if(!a)return;const i=function(e){return u(e).unwrap().shift()}(e);if(!i||!i.src)return;const s=new chrome.cast.media.MediaInfo(i.src,i.type||"");s.tracks=function(e){return E(e).map((function(e,t){if(!e.lang)return;const n=new chrome.cast.media.Track(t,chrome.cast.media.TrackType.TEXT);return n.trackContentType="text/vtt",n.subtype=chrome.cast.media.TextTrackType.SUBTITLES,n.trackContentId=e.src,n.name=e.label,n.language=e.lang,n})).filter(e=>!!e)}(e),s.metadata=new chrome.cast.media.GenericMediaMetadata;const l=new chrome.cast.media.LoadRequest(s);if(isNaN(e.currentTime)||(l.currentTime=e.currentTime),s.tracks.length){const t=E(e).findIndex((function(e){var t;return"hidden"==(null===(t=e.track)||void 0===t?void 0:t.mode)}));-1!==t&&(l.activeTrackIds=[t])}l.customData=e.opt("chromecast",{}),l.customData.metadata=e.opt("metadata"),e.emit("chromecast:media",{request:l}),console.debug("cast:request(%o)",l),a.loadMedia(l).then((function(){HTMLMediaElement.prototype.pause.call(e),w(t),m(t,o)}),r)}function A(){return!!i()}function b(){return!!c()}function _(){var e;return null===(e=i())||void 0===e?void 0:e.media.duration}function C(){var e;return null===(e=i())||void 0===e?void 0:e.playerState}function k(e){var t;return e?O(e):null===(t=i())||void 0===t?void 0:t.getEstimatedTime()}function O(e){const t=i();if(!t)return e;const n=new chrome.cast.media.SeekRequest;return n.currentTime=e,t.seek(n,console.debug,console.error),e}function I(){var e;return null===(e=i())||void 0===e?void 0:e.play(new chrome.cast.media.PlayRequest,console.debug,console.error)}function x(){var e;return null===(e=i())||void 0===e?void 0:e.pause(new chrome.cast.media.PauseRequest,console.debug,console.error)}var L=Object.freeze({__proto__:null,load:T,has_media:A,exists:b,device_name:function(){var e;return null===(e=c())||void 0===e?void 0:e.getCastDevice().friendlyName},duration:_,state:C,currentTime:k,seek:O,play:I,pause:x});class Sender{constructor(e){this.video=e}static of(e){return e.sender||(e.sender=new Sender(e)),e.sender}static maybe(e,t){e.sender&&t(e.sender,e)}static getEstimatedTime(){var e;return null===(e=i())||void 0===e?void 0:e.getEstimatedTime()}static load(e,t){T(e,t,console.debug,console.error)}static destroy(e){e.video=void 0}}var P=Object.freeze({__proto__:null,STABLE:"940D4BE4",CANARY:"6F71FA7C",LOCAL:"5258CA32"});const D="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";function N(e,t,n){if(document.querySelector("script[src='"+D+"']"))return M(n);!function(){const e=document.createElement("script");e.async=!0,e.src=D,document.head.appendChild(e)}(),window.__onGCastApiAvailable=function(){!function(e,t,n){var o;if(!j())return;const r=(null===(o=e.chromecast)||void 0===o?void 0:o.app)||"940D4BE4",a=d();if(!a)return;a.setOptions({receiverApplicationId:r,autoJoinPolicy:chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED}),a.addEventListener(cast.framework.CastContextEventType.CAST_STATE_CHANGED,(function(e){p(n,"chromecast:state:changed",e)})),a.addEventListener(cast.framework.CastContextEventType.SESSION_STATE_CHANGED,(function(e){w(n),p(n,"chromecast:session:changed",e)}))}(e,0,n),M(n)}}function j(){return"object"==typeof window.cast&&"object"==typeof chrome.cast}function M(e){if(j())return p(e,"chromecast:available");p(e,"chromecast:unavailable")}const R="is-chromecast-playing";function H(e,t){const n={play:function(){return s(e)?I():A()?Sender.load(e,t):void Sender.load(e,t)},pause:function(){return s(e)?x():HTMLMediaElement.prototype.pause.call(e)}};n.currentTime={get:k,set:k},n.duration={get:_},n.paused={get:function(){return"PAUSED"===C()}},n.playing={get:function(){return"PLAYING"===C()}},Object.keys(n).forEach((function(t){if("object"==typeof n[t])return Object.defineProperty(e,t,{get:function(){var o,r;return s(e)?n[t].get():null===(r=null===(o=Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype,t))||void 0===o?void 0:o.get)||void 0===r?void 0:r.call(this)},set:function(o){var r,a;return s(e)?n[t].set(o):null===(a=null===(r=Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype,t))||void 0===r?void 0:r.set)||void 0===a?void 0:a.call(this,o)}});const o=e[t];e[t]=function(){const r=[].slice.apply(arguments);return b()?n[t].apply(e,r):o.apply(e,r)}}))}const q=(e,t)=>new(((e,t)=>{const n=e.get(t);if(!n)throw new Error(`no flowplayer component with the name ${t} exists`);const o=window.customElements.get(t);if(!o)throw new Error(`no default flowplayer component with the name ${t} exists`);const r=window.customElements.get(n);return"function"!=typeof r?o:r})(e._customElements,t))(e);class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}class FlowplayerChromecastIcon extends FlowplayerComponent{constructor(e){super(e),this.classList.add("fp-cast-button"),this.append(document.createElement("google-cast-launcher")),this.addEventListener("click",(function(){const t=c();if(t)return t.endSession(!0);e.emit("chromecast:start")}))}}function G(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}class ChromecastPlugin{constructor(e){var t,n,o;this.flowplayer=e,t=e,n="flowplayer-chromecast-icon",o=FlowplayerChromecastIcon,window.customElements.get(n)||window.customElements.define(n,o),t.customElements.get(n)||t.customElements.set(n,n)}init(e,t,n){if("https:"!==location.protocol&&"localhost"!==location.hostname&&"127.0.0.1"!==location.hostname)return console.warn("Secure URL required to enable Chromecast");N(e,0,this.flowplayer.instances);const r={pending:void 0};n.on("reap",(function(){Sender.maybe(n,Sender.destroy)})),n.on("mount",(function(){const t=G(n,"flowplayer-middle");t&&function(e,t){const n=document.createElement("div");n.className="fp-chromecast";const o=document.createElement("p");t.poster&&(n.style.backgroundImage=["url(",t.poster,")"].join("")),n.append(o),e.prepend(n)}(t,{poster:e.poster});const o=G(n,"flowplayer-header-right-zone");o&&o.prepend(q(n,"flowplayer-chromecast-icon"))})),n.on("chromecast:available",()=>{n.setState("is-cast-available",!0),Sender.of(n),H(n,this.flowplayer.instances)}),n.on("chromecast:unavailable",(function(){n.setState("is-cast-available",!1),Sender.maybe(n,Sender.destroy)})),n.on("chromecast:start",()=>{if(A())return Sender.load(n,this.flowplayer.instances);r.pending=!0}),n.on("tracks:text:updated",(function(e){if(A())return e.data?void g(E(n).map((function(e,t){return{track:e instanceof HTMLTrackElement?e.track:e,id:t}})).filter((function(t){return t.track==e.data})).map((function(e){return e.id}))):g([])})),n.on(o,(function(){n.setState(R,!1),n.setState("is-starting",!0)})),n.on("chromecast:field:update",(function(e){if(!e.data)return;const{field:t,value:o}=e.data;switch(t){case v:return n.emit("timeupdate",o);case h:return"PLAYING"==o?n.emit("playing"):"PAUSED"==o?n.emit("pause"):void 0;case"mediaInfo":var r=(o||{}).fake_session||L;return function(e,t){if(!e.root)return;const n=e.root.querySelector(".fp-chromecast p");if(!n)return;let o="";o=e.i18n("chromecast.message","{{state}} on {{device}}").replace("{{device}}",(null==t?void 0:t.device)||"chromecast"),o=o.replace("{{state}}",((null==t?void 0:t.state)||"").toLowerCase()),n.innerHTML=o}(n,{device:r.device_name(),state:r.state()}),r.hide_controls&&n.setState("no-chromecast-controls",!0),n.setState("is-starting",!1),n.setState(R,!0)}})),n.on("chromecast:session:changed",e=>{if(e.data)switch(e.detail.sessionState){case cast.framework.SessionState.SESSION_ENDED:return n.emit("remotesession:ended"),n.setState(R,!1);case cast.framework.SessionState.SESSION_RESUMED:case cast.framework.SessionState.SESSION_STARTED:r.pending&&(r.pending=!1,Sender.load(n,this.flowplayer.instances),n.emit("remotesession:started"))}})}}return ChromecastPlugin.apps=P,ChromecastPlugin.events=r,function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;return"function"==typeof n?(n(t),t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t),t)}(window,ChromecastPlugin)}));
16
+ function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}(n,["src"]);return[Object.assign({src:o,type:o?t("video/"+e(o)):""},r)]};function o(e){return n({src:e})}class Pipe{constructor(e){this.data=e}static of(e){return new Pipe(e)}static maybe(e,t,...n){return null==e?e:t.apply(e,[e,...n])}tap(e,...t){return e.apply(this,[this.data,...t]),new Pipe(this.data)}fmap(e,...t){const n=e.apply(this,[this.data,...t]);return new Pipe(n)}unwrap(){return this.data}}const r="chromecast:idle";var a=Object.freeze({__proto__:null,CAST_AVAILABLE:"chromecast:available",CAST_UNAVAILABLE:"chromecast:unavailable",CAST_START_CASTING:"chromecast:start",CAST_IDLE:r,CAST_STATE_CHANGED:"chromecast:state:changed",CAST_SESSION_CHANGED:"chromecast:session:changed",CAST_FIELD_UPDATE:"chromecast:field:update",CAST_MEDIA_LOAD_REQUEST:"chromecast:media"});const c=/(video\/mp4)|(application\/x-mpegurl)|(video\/mpd)|(application\/dash\+xml)/;function s(){var e;return(null===(e=f())||void 0===e?void 0:e.getCurrentSession())||null}function i(){var e;return(null===(e=s())||void 0===e?void 0:e.getMediaSession())||null}function l(e){var t,n;const o=m(e).unwrap().map((function(e){return null==e?void 0:e.src})),r=null===(n=null===(t=i())||void 0===t?void 0:t.media)||void 0===n?void 0:n.contentId;return!!r&&!!~o.indexOf(r)}function u(e){var t;return(null===(t=e.type)||void 0===t?void 0:t.match(c))||!1}function d(e,t){if(!t.opts.src)return e;const n=(Array.isArray(t.opts.src)?t.opts.src:[t.opts.src]).map(e=>"string"==typeof e?o(e)[0]:e);return e.map(e=>{const t=n.find(t=>t.src===e.src);return t&&t.drm?Object.assign(Object.assign({},e),{drm:t.drm}):e})}function m(e){return Pipe.of(e).fmap(()=>e.original_src||[]).fmap((function(e){return"string"==typeof e?o(e):e})).fmap(d,e).fmap((function(e){return e.filter(u)}))}function f(){var e,t,n;return null===(n=null===(t=null===(e=window.cast)||void 0===e?void 0:e.framework)||void 0===t?void 0:t.CastContext)||void 0===n?void 0:n.getInstance()}function p(e,t,n){(function(e){return e.filter((function(e){return l(e)}))})(e).forEach((function(e){e.emit(t,n)}))}function h(e,t,n){(function(e){return e.filter((function(e){return!l(e)}))})(e).forEach((function(e){e.emit(t,n)}))}function v(e,t,n){e.forEach((function(e){e.emit(t,n)}))}const y="currentTime",w="playerState",S={player:void 0,controller:void 0};function g(e){S.player=new cast.framework.RemotePlayer,S.controller=new cast.framework.RemotePlayerController(S.player),S.controller.addEventListener(cast.framework.RemotePlayerEventType.ANY_CHANGE,E.bind(null,e)),S.controller.addEventListener(cast.framework.RemotePlayerEventType.MEDIA_INFO_CHANGED,(function(){h(e,r)}))}function E(e,t){p(e,"chromecast:field:update",t)}function T(e){return Array.from(e.querySelectorAll("track")).filter(e=>~["subtitles","captions"].indexOf(e.kind))}function b(e){var t;const n=new chrome.cast.media.EditTracksInfoRequest(e);null===(t=i())||void 0===t||t.editTracksInfo(n,console.debug,console.error)}function A(e,t,n,o){const a=s();if(!a)return;const c=function(e){return m(e).unwrap().shift()}(e);if(!c||!c.src)return;const i=new chrome.cast.media.MediaInfo(c.src,c.type||"");i.tracks=function(e){return T(e).map((function(e,t){if(!e.lang)return;const n=new chrome.cast.media.Track(t,chrome.cast.media.TrackType.TEXT);return n.trackContentType="text/vtt",n.subtype=chrome.cast.media.TextTrackType.SUBTITLES,n.trackContentId=e.src,n.name=e.label,n.language=e.lang,n})).filter(e=>!!e)}(e),i.metadata=new chrome.cast.media.GenericMediaMetadata;const l={health:e.health};c.drm&&(l.drm=c.drm),localStorage.__fpChromecastDebug&&(l.debug=!0),e.opt("ads")&&(l.ads=e.opt("ads")),i.customData=l;const u=new chrome.cast.media.LoadRequest(i);if(isNaN(e.currentTime)||(u.currentTime=e.currentTime),i.tracks.length){const t=T(e).findIndex((function(e){var t;return"hidden"==(null===(t=e.track)||void 0===t?void 0:t.mode)}));-1!==t&&(u.activeTrackIds=[t])}u.customData=e.opt("chromecast",{}),u.customData.metadata=e.opt("metadata"),e.emit("chromecast:media",{request:u}),console.debug("cast:request(%o)",u),a.loadMedia(u).then((function(){HTMLMediaElement.prototype.pause.call(e),g(t),h(t,r)}),o)}function _(){return!!i()}function C(){return!!s()}function k(){var e;return null===(e=i())||void 0===e?void 0:e.media.duration}function O(){var e;return null===(e=i())||void 0===e?void 0:e.playerState}function I(e){var t;return e?x(e):null===(t=i())||void 0===t?void 0:t.getEstimatedTime()}function x(e){const t=i();if(!t)return e;const n=new chrome.cast.media.SeekRequest;return n.currentTime=e,t.seek(n,console.debug,console.error),e}function P(){var e;return null===(e=i())||void 0===e?void 0:e.play(new chrome.cast.media.PlayRequest,console.debug,console.error)}function L(){var e;return null===(e=i())||void 0===e?void 0:e.pause(new chrome.cast.media.PauseRequest,console.debug,console.error)}var D=Object.freeze({__proto__:null,load:A,has_media:_,exists:C,device_name:function(){var e;return null===(e=s())||void 0===e?void 0:e.getCastDevice().friendlyName},duration:k,state:O,currentTime:I,seek:x,play:P,pause:L});class Sender{constructor(e){this.video=e}static of(e){return e.sender||(e.sender=new Sender(e)),e.sender}static maybe(e,t){e.sender&&t(e.sender,e)}static getEstimatedTime(){var e;return null===(e=i())||void 0===e?void 0:e.getEstimatedTime()}static load(e,t){A(e,t,console.debug,console.error)}static destroy(e){e.video=void 0}}var N=Object.freeze({__proto__:null,STABLE:"940D4BE4",CANARY:"6F71FA7C",LOCAL:"5258CA32"});const j="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";function M(e,t,n){if(document.querySelector("script[src='"+j+"']"))return q(n);!function(){const e=document.createElement("script");e.async=!0,e.src=j,document.head.appendChild(e)}(),window.__onGCastApiAvailable=function(){!function(e,t,n){var o;if(!R())return;const r=(null===(o=e.chromecast)||void 0===o?void 0:o.app)||"940D4BE4",a=f();if(!a)return;a.setOptions({receiverApplicationId:r,autoJoinPolicy:chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED}),a.addEventListener(cast.framework.CastContextEventType.CAST_STATE_CHANGED,(function(e){v(n,"chromecast:state:changed",e)})),a.addEventListener(cast.framework.CastContextEventType.SESSION_STATE_CHANGED,(function(e){g(n),v(n,"chromecast:session:changed",e)}))}(e,0,n),q(n)}}function R(){return"object"==typeof window.cast&&"object"==typeof chrome.cast}function q(e){if(R())return v(e,"chromecast:available");v(e,"chromecast:unavailable")}const G="is-chromecast-playing";function H(e,t){const n={play:function(){return new Promise(n=>l(e)?n(P()):_()?n(Sender.load(e,t)):(Sender.load(e,t),void n()))},pause:function(){return l(e)?L():HTMLMediaElement.prototype.pause.call(e)}};n.currentTime={get:I,set:I},n.duration={get:k},n.paused={get:function(){return"PAUSED"===O()}},n.playing={get:function(){return"PLAYING"===O()}},Object.keys(n).forEach((function(t){if("object"==typeof n[t])return Object.defineProperty(e,t,{get:function(){var o,r;return l(e)?n[t].get():null===(r=null===(o=Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype,t))||void 0===o?void 0:o.get)||void 0===r?void 0:r.call(this)},set:function(o){var r,a;return l(e)?n[t].set(o):null===(a=null===(r=Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype,t))||void 0===r?void 0:r.set)||void 0===a?void 0:a.call(this,o)}});const o=e[t];e[t]=function(){const r=[].slice.apply(arguments);return C()?n[t].apply(e,r):o.apply(e,r)}}))}const F=(e,t)=>new(((e,t)=>{const n=e.get(t);if(!n)throw new Error(`no flowplayer component with the name ${t} exists`);const o=window.customElements.get(t);if(!o)throw new Error(`no default flowplayer component with the name ${t} exists`);const r=window.customElements.get(n);return"function"!=typeof r?o:r})(e._customElements,t))(e);class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}class FlowplayerChromecastIcon extends FlowplayerComponent{constructor(e){super(e),this.classList.add("fp-cast-button"),this.append(document.createElement("google-cast-launcher")),this.addEventListener("click",(function(){const t=s();if(t)return t.endSession(!0);e.emit("chromecast:start")}))}}function U(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}class ChromecastPlugin{constructor(e){var t,n,o;this.flowplayer=e,t=e,n="flowplayer-chromecast-icon",o=FlowplayerChromecastIcon,window.customElements.get(n)||window.customElements.define(n,o),t.customElements.get(n)||t.customElements.set(n,n)}init(e,t,n){if("https:"!==location.protocol&&"localhost"!==location.hostname&&"127.0.0.1"!==location.hostname)return console.warn("Secure URL required to enable Chromecast");M(e,0,this.flowplayer.instances);const o={pending:void 0};n.on("reap",(function(){Sender.maybe(n,Sender.destroy)})),n.on("mount",(function(){const t=U(n,"flowplayer-middle");t&&function(e,t){const n=document.createElement("div");n.className="fp-chromecast";const o=document.createElement("p");t.poster&&(n.style.backgroundImage=["url(",t.poster,")"].join("")),n.append(o),e.prepend(n)}(t,{poster:e.poster});const o=U(n,"flowplayer-header-right-zone");o&&o.prepend(F(n,"flowplayer-chromecast-icon"))})),n.on("chromecast:available",()=>{n.setState("is-cast-available",!0),Sender.of(n),H(n,this.flowplayer.instances)}),n.on("chromecast:unavailable",(function(){n.setState("is-cast-available",!1),Sender.maybe(n,Sender.destroy)})),n.on("chromecast:start",()=>{if(_())return Sender.load(n,this.flowplayer.instances);o.pending=!0}),n.on("tracks:text:updated",(function(e){if(_())return e.data?void b(T(n).map((function(e,t){return{track:e instanceof HTMLTrackElement?e.track:e,id:t}})).filter((function(t){return t.track==e.data})).map((function(e){return e.id}))):b([])})),n.on(r,(function(){n.setState(G,!1),n.setState("is-starting",!0)})),n.on("chromecast:field:update",(function(e){if(!e.data)return;const{field:t,value:o}=e.data;switch(t){case y:return n.emit("timeupdate",o);case w:return"PLAYING"==o?n.emit("playing"):"PAUSED"==o?n.emit("pause"):void 0;case"mediaInfo":var r=(o||{}).fake_session||D;return function(e,t){if(!e.root)return;const n=e.root.querySelector(".fp-chromecast p");if(!n)return;let o="";o=e.i18n("chromecast.message","{{state}} on {{device}}").replace("{{device}}",(null==t?void 0:t.device)||"chromecast"),o=o.replace("{{state}}",((null==t?void 0:t.state)||"").toLowerCase()),n.textContent=o}(n,{device:r.device_name(),state:r.state()}),r.hide_controls&&n.setState("no-chromecast-controls",!0),n.setState("is-starting",!1),n.setState(G,!0)}})),n.on("chromecast:session:changed",e=>{if(e.data)switch(e.detail.sessionState){case cast.framework.SessionState.SESSION_ENDED:return n.emit("remotesession:ended"),n.setState(G,!1);case cast.framework.SessionState.SESSION_RESUMED:case cast.framework.SessionState.SESSION_STARTED:o.pending&&(o.pending=!1,Sender.load(n,this.flowplayer.instances),n.emit("remotesession:started"))}})}}return ChromecastPlugin.apps=N,ChromecastPlugin.events=a,function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;return"function"==typeof n?(n(t),t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t),t)}(window,ChromecastPlugin)}));
package/plugins/endscreen.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.endscreen=t())}(this,(function(){"use strict";var e="playlist:ended";class Pipe{constructor(e){this.data=e}static of(e){return new Pipe(e)}static maybe(e,t,...n){return null==e?e:t.apply(e,[e,...n])}tap(e,...t){return e.apply(this,[this.data,...t]),new Pipe(this.data)}fmap(e,...t){const n=e.apply(this,[this.data,...t]);return new Pipe(n)}unwrap(){return this.data}}function t(e,t){if(!t)throw new Error(e)}function n(e){return"invalid recommendations configuration\ndetails: "+e+"\n\tmust match Object of shape:\n"+["\t\t{ playlist: PlaylistId|Array(MediaId|PlayerConfig)"].join("\n\t\t, ")+"\n\t\t}"}function o(e,o){Pipe.of(e).fmap(n).fmap(t,o)}function i(e){return void 0!==e}function r(e){return"string"==typeof e}function s(e){return"object"==typeof e}function a(e){var t;o("Config must be an Object",i(e)&&s(e)),o("property `playlist` is required",i(null==e?void 0:e.playlist)),o("property `playlist` was not an array nor playlist id",(t=null==e?void 0:e.playlist,o("playlist property was not of type PlaylistId|Array(MediaId|PlayerConfig)",Array.isArray(t)),!(null==t?void 0:t.forEach((function(e,t){o("item at playlist["+t+"] was not valid",r(e)||s(e))})))))}function c(e,t,n){const o=function(e){return Array.isArray(e)?e.slice(0):e.split(".")}(t);for(;o.length;){if(null==e)return n;const t=o.shift();if("string"!=typeof t)return n;e=e[t]}return null==e?n:e}function l(e,t){const n=function(e,t){const n=document.createElement("div");n.classList.add("fp-endscreen-cell-thumbnail"),n.addEventListener("click",d.bind(null,e,t)),e.poster&&(n.style.backgroundImage=["url(",e.poster,")"].join(""));return n}(e,t);return n.append(function(e){const t=document.createElement("div");return t.classList.add("fp-endscreen-cell-title"),t.textContent=e.title||"",t}(e)),n}function d(e,t){"object"==typeof e&&t.setOpts(e),function(e,t,n){if(e.setSrc(r(t)?t:t.src),c(n,"should_play",!1))e.play()}(t,e,{should_play:!0})}function u(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}function p(e,t){const n=e.style;return Object.keys(t).forEach(e=>n[e]=t[e]),e}function f(...e){const t=document.createElement("div");return 0==e.length||t.classList.add(...e),t}function m(e){return t=>{setTimeout((function(){if(!t.defaultPrevented)return e(t)}),0)}}var y;!function(e){e[e.SHUFFLE=1]="SHUFFLE",e[e.FIFO=2]="FIFO",e[e.LOOP=4]="LOOP"}(y||(y={}));const v=(e,t)=>new(((e,t)=>{const n=e.get(t);if(!n)throw new Error(`no flowplayer component with the name ${t} exists`);const o=window.customElements.get(t);if(!o)throw new Error(`no default flowplayer component with the name ${t} exists`);const i=window.customElements.get(n);return"function"!=typeof i?o:i})(e._customElements,t))(e);function h(e,t){if(!t[e])return;const n=document.createElement("span");n.innerText=t[e];const o=f(e);return o.append(n),o}function w(e){return Math.min(100*e,100)+"%"}class Endscreen{init(t,n,o){var i;const r=document.createElement("div");r.classList.add((null===(i=t.endscreen)||void 0===i?void 0:i.interstitial)?"fp-interstitial":"fp-endscreen"),0!=o.reaper&&o.reaper.set("endscreen",r),o.on("mount",(function(){var e;null===(e=u(o,"flowplayer-middle"))||void 0===e||e.append(r)})),o.on("recommendationsready",(function(e){const n=e.data;a(n),r.recommendations=n,!o.ended||o.playlist||t.loop||o.emit("recommendations:render")})),o.on(["ended",e],m((function(e){"ended"==e.type&&o.playlist||r.recommendations&&(t.loop||o.emit("recommendations:render"))}))),o.on(["loadstart","playing"],(function(e){var n;"loadstart"===e.type&&(null===(n=t.endscreen)||void 0===n?void 0:n.interstitial)||o.emit("recommendations:hide")})),o.on("recommendations:hide",m((function(){o.setState("is-endscreen",!1),o.setState("is-interstitial",!1)}))),o.on("recommendations:render",m((function(){var e;(null===(e=t.endscreen)||void 0===e?void 0:e.interstitial)?function(e,t,n){var o,i;if(!(null===(o=t.recommendations)||void 0===o?void 0:o.playlist.length))return;if(n.hasState("is-interstitial"))return;const r=(e,o=!1)=>{var i;const r=null===(i=t.recommendations)||void 0===i?void 0:i.playlist[e];if(!r)return;const{src:s,title:a}=r;n.setSrc(s),n.setOpts({title:a}),o&&n.on("canplay",()=>n.togglePlay(!0))};r(0);const s={config:{advance:!0,delay:2e9},timer:setTimeout(()=>{n.togglePlay(!0)},2e9)},a=u(n,"flowplayer-middle");n.setState("is-interstitial",!0);const{poster:c,src:l,title:d}=null===(i=t.recommendations)||void 0===i?void 0:i.playlist[0];if(s&&a){const e=function(e,t,n,o){const i=f("left");i.append(v(e,"flowplayer-play-icon")),t.poster&&(i.style.backgroundImage=["url(",t.poster,")"].join(""));const r=f("right"),s=f("up-next"),a=document.createElement("span");a.innerText=e.i18n("playlist.up_next");const c=f("fp-color","countdown");s.append(a,c),r.append(s);const l=h("title",t);l&&r.append(l);const d=h("description",t);if(d&&r.append(d),o.timer){const t=f("cancel");t.onclick=function(e){return o.timer&&clearTimeout(o.timer),o.timer=void 0,e.target.remove(),e.preventDefault(),!1};const n=document.createElement("span");n.innerText=e.i18n("playlist.cancel"),t.append(n),r.append(t)}return[i,r]}(n,{poster:c,src:l,title:d},0,s),o=function(e,t){const n=document.createElement("div");return n.classList.add("bottom"),e.length<2||n.append(...e.slice(1).map((e,n)=>{const o=document.createElement("div");o.style.setProperty("background-image",`url('${e.poster}')`),o.addEventListener("click",e=>{e.stopPropagation(),t(n+1)});const i=document.createElement("p");return i.innerHTML=e.title||"",o.append(i),o})),n}(t.recommendations.playlist,e=>r(e,!0));t.append(...e.concat(o))}n.once("play",e=>{t.innerHTML="",t.recommendations={playlist:[]}}),s.config.advance&&function(e,t,n){var o;if(!n)throw new Error("no element to animate was passed");const i=null!==(o=t.config.delay)&&void 0!==o?o:0,r=Date.now()+i;let s=Date.now();const a=Math.ceil(1e3/60);!function o(){const c=Date.now();if(c>r||!e.paused)return;if(!t.timer)return p(n,{width:w(0)});requestAnimationFrame(o),c-s<a||(s=c,p(n,{width:w(1-(r-c)/i)}))}()}(n,s,t.querySelector(".countdown"))}(0,r,o):function(e,t,n){t.innerHTML="";const o=t.recommendations;if(!o||0===o.playlist.length)return;const i=e.classList.contains("is-small")||e.classList.contains("is-tiny")?6:12,r=[];if(o.playlist.forEach((function(e){if(r.length!==i&&e.poster&&e.title){const t=document.createElement("div");t.classList.add("fp-endscreen-cell"),t.append(l(e,n)),r.push(t)}})),0===r.length)return;const s=document.createElement("div");s.classList.add("fp-endscreen-cells"),s.append(...r),t.append(s)}(n,r,o),o.setState("is-endscreen",!0)})))}}return Endscreen.events={RECOMMENDATIONS_RENDER:"recommendations:render",RECOMMENDATIONS_READY:"recommendationsready",RECOMMENDATIONS_HIDE:"recommendations:hide"},function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;return"function"==typeof n?(n(t),t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t),t)}(window,Endscreen)}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.endscreen=t())}(this,(function(){"use strict";var e="playlist:ended";class Pipe{constructor(e){this.data=e}static of(e){return new Pipe(e)}static maybe(e,t,...n){return null==e?e:t.apply(e,[e,...n])}tap(e,...t){return e.apply(this,[this.data,...t]),new Pipe(this.data)}fmap(e,...t){const n=e.apply(this,[this.data,...t]);return new Pipe(n)}unwrap(){return this.data}}function t(e,t){if(!t)throw new Error(e)}function n(e){return"invalid recommendations configuration\ndetails: "+e+"\n\tmust match Object of shape:\n"+["\t\t{ playlist: PlaylistId|Array(MediaId|PlayerConfig)"].join("\n\t\t, ")+"\n\t\t}"}function o(e,o){Pipe.of(e).fmap(n).fmap(t,o)}function i(e){return void 0!==e}function r(e){return"string"==typeof e}function s(e){return"object"==typeof e}function a(e){var t;o("Config must be an Object",i(e)&&s(e)),o("property `playlist` is required",i(null==e?void 0:e.playlist)),o("property `playlist` was not an array nor playlist id",(t=null==e?void 0:e.playlist,o("playlist property was not of type PlaylistId|Array(MediaId|PlayerConfig)",Array.isArray(t)),!(null==t?void 0:t.forEach((function(e,t){o("item at playlist["+t+"] was not valid",r(e)||s(e))})))))}function c(e,t,n){const o=function(e){return Array.isArray(e)?e.slice(0):e.split(".")}(t);for(;o.length;){if(null==e)return n;const t=o.shift();if("string"!=typeof t)return n;e=e[t]}return null==e?n:e}function l(e,t){const n=function(e,t){const n=document.createElement("div");n.classList.add("fp-endscreen-cell-thumbnail"),n.addEventListener("click",d.bind(null,e,t)),e.poster&&(n.style.backgroundImage=["url(",e.poster,")"].join(""));return n}(e,t);return n.append(function(e){const t=document.createElement("div");return t.classList.add("fp-endscreen-cell-title"),t.textContent=e.title||"",t}(e)),n}function d(e,t){"object"==typeof e&&t.setOpts(e),function(e,t,n){if(e.setSrc(r(t)?t:t.src),c(n,"should_play",!1))e.play()}(t,e,{should_play:!0})}function u(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}function p(e,t){const n=e.style;return Object.keys(t).forEach(e=>n[e]=t[e]),e}function f(...e){const t=document.createElement("div");return 0==e.length||t.classList.add(...e),t}function m(e){return t=>{setTimeout((function(){if(!t.defaultPrevented)return e(t)}),0)}}var y;!function(e){e[e.SHUFFLE=1]="SHUFFLE",e[e.FIFO=2]="FIFO",e[e.LOOP=4]="LOOP"}(y||(y={}));const v=(e,t)=>new(((e,t)=>{const n=e.get(t);if(!n)throw new Error(`no flowplayer component with the name ${t} exists`);const o=window.customElements.get(t);if(!o)throw new Error(`no default flowplayer component with the name ${t} exists`);const i=window.customElements.get(n);return"function"!=typeof i?o:i})(e._customElements,t))(e);function h(e,t){if(!t[e])return;const n=document.createElement("span");n.innerText=t[e];const o=f(e);return o.append(n),o}function w(e){return Math.min(100*e,100)+"%"}class Endscreen{init(t,n,o){var i;const r=document.createElement("div");r.classList.add((null===(i=t.endscreen)||void 0===i?void 0:i.interstitial)?"fp-interstitial":"fp-endscreen"),0!=o.reaper&&o.reaper.set("endscreen",r),o.on("mount",(function(){var e;null===(e=u(o,"flowplayer-middle"))||void 0===e||e.append(r)})),o.on("recommendationsready",(function(e){const n=e.data;a(n),r.recommendations=n,!o.ended||o.playlist||t.loop||o.emit("recommendations:render")})),o.on(["ended",e],m((function(e){"ended"==e.type&&o.playlist||r.recommendations&&(t.loop||o.emit("recommendations:render"))}))),o.on(["loadstart","playing"],(function(e){var n;"loadstart"===e.type&&(null===(n=t.endscreen)||void 0===n?void 0:n.interstitial)||o.emit("recommendations:hide")})),o.on("recommendations:hide",m((function(){o.setState("is-endscreen",!1),o.setState("is-interstitial",!1)}))),o.on("recommendations:render",m((function(){var e;(null===(e=t.endscreen)||void 0===e?void 0:e.interstitial)?function(e,t,n){var o,i;if(!(null===(o=t.recommendations)||void 0===o?void 0:o.playlist.length))return;if(n.hasState("is-interstitial"))return;const r=(e,o=!1)=>{var i;const r=null===(i=t.recommendations)||void 0===i?void 0:i.playlist[e];if(!r)return;const{src:s,title:a}=r;n.setSrc(s),n.setOpts({title:a}),o&&n.on("canplay",()=>n.togglePlay(!0))};r(0);const s={config:{advance:!0,delay:2e9},timer:setTimeout(()=>{n.togglePlay(!0)},2e9)},a=u(n,"flowplayer-middle");n.setState("is-interstitial",!0);const{poster:c,src:l,title:d}=null===(i=t.recommendations)||void 0===i?void 0:i.playlist[0];if(s&&a){const e=function(e,t,n,o){const i=f("left");i.append(v(e,"flowplayer-play-icon")),t.poster&&(i.style.backgroundImage=["url(",t.poster,")"].join(""));const r=f("right"),s=f("up-next"),a=document.createElement("span");a.innerText=e.i18n("playlist.up_next");const c=f("fp-color","countdown");s.append(a,c),r.append(s);const l=h("title",t);l&&r.append(l);const d=h("description",t);if(d&&r.append(d),o.timer){const t=f("cancel");t.onclick=function(e){return o.timer&&clearTimeout(o.timer),o.timer=void 0,e.target.remove(),e.preventDefault(),!1};const n=document.createElement("span");n.innerText=e.i18n("playlist.cancel"),t.append(n),r.append(t)}return[i,r]}(n,{poster:c,src:l,title:d},0,s),o=function(e,t){const n=document.createElement("div");return n.classList.add("bottom"),e.length<2||n.append(...e.slice(1).map((e,n)=>{const o=document.createElement("div");o.style.setProperty("background-image",`url('${e.poster}')`),o.addEventListener("click",e=>{e.stopPropagation(),t(n+1)});const i=document.createElement("p");return i.textContent=e.title||"",o.append(i),o})),n}(t.recommendations.playlist,e=>r(e,!0));t.append(...e.concat(o))}n.once("play",e=>{t.innerHTML="",t.recommendations={playlist:[]}}),s.config.advance&&function(e,t,n){var o;if(!n)throw new Error("no element to animate was passed");const i=null!==(o=t.config.delay)&&void 0!==o?o:0,r=Date.now()+i;let s=Date.now();const a=Math.ceil(1e3/60);!function o(){const c=Date.now();if(c>r||!e.paused)return;if(!t.timer)return p(n,{width:w(0)});requestAnimationFrame(o),c-s<a||(s=c,p(n,{width:w(1-(r-c)/i)}))}()}(n,s,t.querySelector(".countdown"))}(0,r,o):function(e,t,n){t.innerHTML="";const o=t.recommendations;if(!o||0===o.playlist.length)return;const i=e.classList.contains("is-small")||e.classList.contains("is-tiny")?6:12,r=[];if(o.playlist.forEach((function(e){if(r.length!==i&&e.poster&&e.title){const t=document.createElement("div");t.classList.add("fp-endscreen-cell"),t.append(l(e,n)),r.push(t)}})),0===r.length)return;const s=document.createElement("div");s.classList.add("fp-endscreen-cells"),s.append(...r),t.append(s)}(n,r,o),o.setState("is-endscreen",!0)})))}}return Endscreen.events={RECOMMENDATIONS_RENDER:"recommendations:render",RECOMMENDATIONS_READY:"recommendationsready",RECOMMENDATIONS_HIDE:"recommendations:hide"},function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;return"function"==typeof n?(n(t),t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t),t)}(window,Endscreen)}));
package/plugins/health.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.health=t())}(this,(function(){"use strict";const e="rebuffer";var t=Object.freeze({__proto__:null,RECORD:"health:record",REBUFFER:e});const n="load",i="fullscreenenter",o="fullscreenexit",s="loadedmetadata",a="loadeddata",r="progress",d="loadstart",c="pause",l="playing",u="waiting",_="canplay",f="ended",h="seeked",p="seeking";function m(e){try{return!!new URL(e)}catch(e){return!1}}
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.health=t())}(this,(function(){"use strict";const e="rebuffer";var t=Object.freeze({__proto__:null,RECORD:"health:record",REBUFFER:e});const n="load",i="fullscreenenter",o="fullscreenexit",s="loadedmetadata",r="loadeddata",a="progress",d="loadstart",c="pause",l="playing",u="waiting",_="canplay",f="ended",h="seeked",p="seeking";function v(e){try{return!!new URL(e)}catch(e){return!1}}
2
2
  /*! *****************************************************************************
3
3
  Copyright (c) Microsoft Corporation.
4
4
 
@@ -13,4 +13,4 @@
13
13
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
14
  PERFORMANCE OF THIS SOFTWARE.
15
15
  ***************************************************************************** */
16
- function v(e,t,n,i){return new(n||(n=Promise))((function(o,s){function a(e){try{d(i.next(e))}catch(e){s(e)}}function r(e){try{d(i.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,r)}d((i=i.apply(e,t||[])).next())}))}const E=navigator;function y(e){var t,n;const i=null===(t=e.hls)||void 0===t?void 0:t.bandwidthEstimate;return i?1e-6*i:(null===(n=E.connection)||void 0===n?void 0:n.downlink)||-1}function g(e,t){return function(e,t){return"function"==typeof navigator.sendBeacon&&navigator.sendBeacon(e,t)}(e,JSON.stringify({events:t}))}const R=[1e7]+""+-1e3+-4e3+-8e3+-1e11,O=()=>"undefined"==typeof crypto?"":R.replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16)),D="https://ljsp.lwcdn.com".concat("/web/public/countdown/time.json"),w=window,N=w._flowplayerTimekeeper||(w._flowplayerTimekeeper={});var T;!function(e){e[e.OFF=0]="OFF",e[e.ON=1]="ON",e[e.AUDIO_REQUIRED=2]="AUDIO_REQUIRED"}(T||(T={}));const A=e=>{switch(e){case!0:return T.ON;case!1:return T.OFF;default:return e}},I=O(),b=[];function S(e){const t=b.slice(0);b.length=0,0!=t.length&&(e.logger.log(`:dispatch events={${t.length}}`),g("https://health.flowplayer.com/v1/health/events",t))}function U(e,t,n){return v(this,void 0,void 0,(function*(){const i=yield C();b.push(Object.assign(t,i)),e.logger.log(":enqueue",t.event,t),b.length<10&&!n||S(e)}))}const k=()=>{var e,t;try{const n=window;return null===(t=null===(e=null==n?void 0:n.google)||void 0===e?void 0:e.ima)||void 0===t?void 0:t.VERSION}catch(e){return}},C=()=>v(void 0,void 0,void 0,(function*(){try{const e=yield function(){return v(this,void 0,void 0,(function*(){const e=N.cachedServerOffset;if(e)return e;const t=N.pendingRequest||(N.pendingRequest=fetch(D)),n=yield t,i=parseInt(n.headers.get("age")||"0"),o=yield n.json(),s=Date.now()-o.millisUtc-1e3*i;return N.cachedServerOffset=s,N.cachedServerOffset}))}();return{timestamp:Date.now()-e,adjustedTimestamp:!0}}catch(e){return{timestamp:Date.now(),adjustedTimestamp:!1}}})),x=(e,t)=>Object.assign(e,{detail:t}),M=(e,{event:t,media_session_id:n})=>({event:t,media_session_id:n,device_id:e.deviceId(),session_id:I,version:"3.0.5",commit:"4687c84a00f469704d942e87ea443e0d08ca0eaf",ima_sdk_version:k(),preload:e.opt("preload"),autoplay:A(e.opt("autoplay")),live:e.opt("live"),source:e.original_src,downlink_mbs:y(e),player_id:e.opt("metadata.player_id"),media_id:e.opt("metadata.media_id"),site_id:e.opt("metadata.site_id"),category_id:e.opt("metadata.category_id"),sitegroup_id:e.opt("metadata.sitegroup_id"),token:e.token,plugins:e.plugins.map(e=>e.constructor.name).sort((e,t)=>e.localeCompare(t)),current_time:e.currentTime,external_media_id:e.opt("external_media_id")}),B=e=>({bitrate:null==e?void 0:e.bitrate,resolution:null==e?void 0:e.attrs.RESOLUTION,frame_rate:null==e?void 0:e.attrs["FRAME-RATE"]});function j(e,t,n,i){const o=M(t,{event:n,media_session_id:e.media_session_id}),{before:s,after:a}=i;U(e,((e,t,n)=>Object.assign(e,{state:{before:t,after:n}}))(o,B(s),B(a)))}var F;function L(e){switch(e){case F.MEDIA_PLAYBACK_ABORTED:return"media playback was aborted";case F.MEDIA_ERR_NETWORK:return"a network error occurred";case F.MEDIA_ERR_DECODE:return"unable to decode media content";case F.MEDIA_ERR_SRC_NOT_SUPPORTED:return"unsupported media type";case F.NO_INTERNET:return"no internet connection detected";case F.MIXED_CONTENT:return"cannot load insecure content in a secure context";default:return"an unknown error occurred"}}!function(e){e[e.UNKNOWN=-1]="UNKNOWN",e[e.MEDIA_PLAYBACK_ABORTED=1]="MEDIA_PLAYBACK_ABORTED",e[e.MEDIA_ERR_NETWORK=2]="MEDIA_ERR_NETWORK",e[e.MEDIA_ERR_DECODE=3]="MEDIA_ERR_DECODE",e[e.MEDIA_ERR_SRC_NOT_SUPPORTED=4]="MEDIA_ERR_SRC_NOT_SUPPORTED",e[e.MIXED_CONTENT=1001]="MIXED_CONTENT",e[e.NO_INTERNET=1002]="NO_INTERNET"}(F||(F={}));const H=(e,t)=>{let n=null;return(...i)=>{null!==n&&(clearTimeout(n),n=null),n=setTimeout(()=>t(...i),e)}};class Health{constructor(e,t){this.logger=function(e,t){return{log:(...n)=>{const i=e.opt("debug");i&&t.match(i)&&console.log(t,...n)}}}(t,"health"),this.media_session_id=O();const n=setInterval(()=>S(this),1e3);if(t.on("reap",()=>clearInterval(n)),!Health._UNLOAD_SUBSCRIBED){Health._UNLOAD_SUBSCRIBED=!0;const t=t=>e.instances.forEach(e=>e.emit(t.type));document.addEventListener("visibilitychange",e=>{"hidden"==document.visibilityState&&t(e)}),window.addEventListener("pagehide",t)}}init(t,v,E){!function(t){t.on(u,(function(n){t.seeking||t.networkState===t.NETWORK_LOADING&&t.readyState!==t.HAVE_NOTHING&&t.emit(e)}))}(E),E.on("health:record",({detail:e})=>{const t=M(E,{event:e.event,media_session_id:this.media_session_id});Object.assign(t,e.detail||{}),U(this,t)}),[_,d,n,s,a,r,u,e].forEach(e=>{E.on(e,e=>{U(this,M(E,{event:e.type,media_session_id:this.media_session_id}))})}),[l,c,p,h,f,i,o].forEach(e=>{E.on(e,e=>{U(this,M(E,{event:e.type,media_session_id:this.media_session_id}))})}),E.on("volumechange",H(800,e=>{const t=M(E,{event:e.type,media_session_id:this.media_session_id});U(this,x(t,{volume:parseFloat(E.volume.toFixed(2)),muted:E.muted}))})),E.on("resize",H(800,e=>{const t=M(E,{event:e.type,media_session_id:this.media_session_id});U(this,x(t,{height:v.clientHeight,width:v.clientWidth}))})),E.on("qualitychange",({type:e,detail:t})=>{switch(t.kind){case"hls":return j(this,E,e,t)}});let y=Date.now()+1e3;E.on("timeupdate",e=>{if(Date.now()<y)return;y=Date.now()+1e3;const t=M(E,{event:e.type,media_session_id:this.media_session_id});var n;U(this,x(t,{duration:(n=E.duration,Number.isFinite(n)?n:n===1/0?-1:void 0)}))}),E.addEventListener("error",e=>{const t=M(E,{event:e.type,media_session_id:this.media_session_id}),n=e.error||E.error;if(!n)return U(this,t,!0);const i=n.code,o={error_message:n.message||L(i),error_code:i,error_stack:n.stack||""};return U(this,x(t,o),!0)}),E.on("src",e=>{var t;const n=null===(t=e.detail)||void 0===t?void 0:t.src;if("string"!=typeof n)return;if(!m(E.original_src))return;if(!m(n))return;if(n==E.original_src)return;this.media_session_id=O();U(this,M(E,{event:e.type,media_session_id:this.media_session_id})),S(this)}),E.on("visibilitychange",e=>{U(this,M(E,{event:e.type,media_session_id:this.media_session_id})),S(this)})}}return Health.events=t,Health._UNLOAD_SUBSCRIBED=!1,function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;"function"==typeof n?n(t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t))}(window,Health),Health}));
16
+ function m(e,t,n,i){return new(n||(n=Promise))((function(o,s){function r(e){try{d(i.next(e))}catch(e){s(e)}}function a(e){try{d(i.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(r,a)}d((i=i.apply(e,t||[])).next())}))}const E=navigator;function g(e){var t,n;const i=null===(t=e.hls)||void 0===t?void 0:t.bandwidthEstimate;return i?1e-6*i:(null===(n=E.connection)||void 0===n?void 0:n.downlink)||-1}function y(e,t){return function(e,t){return"function"==typeof navigator.sendBeacon&&navigator.sendBeacon(e,t)}(e,JSON.stringify({events:t}))}const R="https://ljsp.lwcdn.com".concat("/web/public/countdown/time.json"),O=window,D=O._flowplayerTimekeeper||(O._flowplayerTimekeeper={});var I;!function(e){e[e.OFF=0]="OFF",e[e.ON=1]="ON",e[e.AUDIO_REQUIRED=2]="AUDIO_REQUIRED"}(I||(I={}));const w=e=>{switch(e){case!0:return I.ON;case!1:return I.OFF;default:return e}},N=[];function T(e){const t=N.slice(0);N.length=0,0!=t.length&&(e.logger.log(`:dispatch events={${t.length}}`),y("https://health.flowplayer.com/v1/health/events",t))}function A(e,t,n){return m(this,void 0,void 0,(function*(){const i=yield S();N.push(Object.assign(t,i)),e.logger.log(":enqueue",t.event,t),N.length<10&&!n||T(e)}))}const b=()=>{var e,t;try{const n=window;return null===(t=null===(e=null==n?void 0:n.google)||void 0===e?void 0:e.ima)||void 0===t?void 0:t.VERSION}catch(e){return}},S=()=>m(void 0,void 0,void 0,(function*(){try{const e=yield function(){return m(this,void 0,void 0,(function*(){const e=D.cachedServerOffset;if(e)return e;const t=D.pendingRequest||(D.pendingRequest=fetch(R)),n=yield t,i=parseInt(n.headers.get("age")||"0"),o=yield n.json(),s=Date.now()-o.millisUtc-1e3*i;return D.cachedServerOffset=s,D.cachedServerOffset}))}();return{timestamp:Date.now()-e,adjustedTimestamp:!0}}catch(e){return{timestamp:Date.now(),adjustedTimestamp:!1}}})),U=(e,t)=>Object.assign(e,{detail:t}),k=(e,{event:t,media_session_id:n,session_id:i})=>({event:t,media_session_id:n,session_id:i,device_id:e.deviceId(),version:"3.0.7",commit:"178ca8981c70040bed1ea4b7bafff75b5ba10ce1",ima_sdk_version:b(),preload:e.opt("preload"),autoplay:w(e.opt("autoplay")),live:e.opt("live"),dvr:e.opt("dvr"),source:e.original_src,downlink_mbs:g(e),player_id:e.opt("metadata.player_id"),media_id:e.opt("metadata.media_id"),site_id:e.opt("metadata.site_id"),category_id:e.opt("metadata.category_id"),sitegroup_id:e.opt("metadata.sitegroup_id"),token:e.token,plugins:e.plugins.map(e=>e.constructor.name).sort((e,t)=>e.localeCompare(t)),current_time:e.currentTime,external_media_id:e.opt("external_media_id")}),C=e=>({bitrate:null==e?void 0:e.bitrate,resolution:null==e?void 0:e.attrs.RESOLUTION,frame_rate:null==e?void 0:e.attrs["FRAME-RATE"]});function x(e,t,n,i){const o=k(t,e.eventInfo(n)),{before:s,after:r}=i;A(e,((e,t,n)=>Object.assign(e,{state:{before:t,after:n}}))(o,C(s),C(r)))}const M=[1e7]+""+-1e3+-4e3+-8e3+-1e11,B=()=>"undefined"==typeof crypto?"":M.replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16));var j;function F(e){switch(e){case j.MEDIA_PLAYBACK_ABORTED:return"media playback was aborted";case j.MEDIA_ERR_NETWORK:return"a network error occurred";case j.MEDIA_ERR_DECODE:return"unable to decode media content";case j.MEDIA_ERR_SRC_NOT_SUPPORTED:return"unsupported media type";case j.NO_INTERNET:return"no internet connection detected";case j.MIXED_CONTENT:return"cannot load insecure content in a secure context";default:return"an unknown error occurred"}}!function(e){e[e.UNKNOWN=-1]="UNKNOWN",e[e.MEDIA_PLAYBACK_ABORTED=1]="MEDIA_PLAYBACK_ABORTED",e[e.MEDIA_ERR_NETWORK=2]="MEDIA_ERR_NETWORK",e[e.MEDIA_ERR_DECODE=3]="MEDIA_ERR_DECODE",e[e.MEDIA_ERR_SRC_NOT_SUPPORTED=4]="MEDIA_ERR_SRC_NOT_SUPPORTED",e[e.MIXED_CONTENT=1001]="MIXED_CONTENT",e[e.NO_INTERNET=1002]="NO_INTERNET"}(j||(j={}));const L=(e,t)=>{let n=null;return(...i)=>{null!==n&&(clearTimeout(n),n=null),n=setTimeout(()=>t(...i),e)}},H=B();class Health{constructor(e,t){this.session_id=H,this.logger=function(e,t){return{log:(...n)=>{const i=e.opt("debug");i&&t.match(i)&&console.log(t,...n)}}}(t,"health"),this.media_session_id=B();const n=setInterval(()=>T(this),2e3);t.on("reap",()=>clearInterval(n));const i=this;if(t.health={get media_session_id(){return i.media_session_id},set media_session_id(e){i.media_session_id=e},get session_id(){return i.session_id},set session_id(e){i.session_id=e}},!Health._UNLOAD_SUBSCRIBED){Health._UNLOAD_SUBSCRIBED=!0;const t=t=>e.instances.forEach(e=>e.emit(t.type));document.addEventListener("visibilitychange",e=>{"hidden"==document.visibilityState&&t(e)}),window.addEventListener("pagehide",t)}}eventInfo(e){return{event:e,media_session_id:this.media_session_id,session_id:this.session_id}}init(t,m,E){!function(t){t.on(u,(function(n){t.seeking||t.networkState===t.NETWORK_LOADING&&t.readyState!==t.HAVE_NOTHING&&t.emit(e)}))}(E),E.on("health:record",({detail:e})=>{const t=k(E,this.eventInfo(e.event));Object.assign(t,e.detail||{}),A(this,t)}),[_,d,n,s,r,a,u,e].forEach(e=>{E.on(e,e=>{A(this,k(E,this.eventInfo(e.type)))})}),[l,c,p,h,f,i,o].forEach(e=>{E.on(e,e=>{A(this,k(E,this.eventInfo(e.type)))})}),E.on("volumechange",L(800,e=>{const t=k(E,this.eventInfo(e.type));A(this,U(t,{volume:parseFloat(E.volume.toFixed(2)),muted:E.muted}))})),E.on("resize",L(800,e=>{const t=k(E,this.eventInfo(e.type));A(this,U(t,{height:m.clientHeight,width:m.clientWidth}))})),E.on("qualitychange",({type:e,detail:t})=>{switch(t.kind){case"hls":return x(this,E,e,t)}});let g=Date.now()+5e3;E.on("timeupdate",e=>{if(Date.now()<g)return;g=Date.now()+5e3;const t=k(E,this.eventInfo(e.type));var n;A(this,U(t,{duration:(n=E.duration,Number.isFinite(n)?n:n===1/0?-1:void 0)}))}),E.addEventListener("error",e=>{const t=k(E,this.eventInfo(e.type)),n=e.error||E.error;if(!n)return A(this,t,!0);const i=n.code,o={error_message:n.message||F(i),error_code:i,error_stack:n.stack||""};return A(this,U(t,o),!0)}),E.on("src",e=>{var t;const n=null===(t=e.detail)||void 0===t?void 0:t.src;if("string"!=typeof n)return;if(!v(E.original_src))return;if(!v(n))return;if(n==E.original_src)return;this.media_session_id=B();A(this,k(E,this.eventInfo(e.type))),T(this)}),E.on("visibilitychange",e=>{A(this,k(E,this.eventInfo(e.type))),T(this)})}}return Health.events=t,Health._UNLOAD_SUBSCRIBED=!1,function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;"function"==typeof n?n(t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t))}(window,Health),Health}));