Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

softbuilders-react-video-player

Package Overview
Dependencies
Maintainers
0
Versions
129
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

softbuilders-react-video-player - npm Package Compare versions

Comparing version 1.1.71 to 1.1.72

2

dist/components/ControlBar/index.js

@@ -55,3 +55,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

seek(-seekStep);
}, children: _jsx(TooltipModal, { width: width, content: _jsx("p", { children: "Backward 5 sec" }), isLeft: true, children: _jsx(BackwardIcon, { className: "sb-w-3 sb-h-3" }) }) }), _jsx(TooltipModal, { content: _jsx("p", { children: isPaused ? "Play" : "pause" }), isLeft: true, children: _jsx("button", { onClick: togglePlay, children: isPaused ? (_jsx(PlayIcon, { className: "sb-w-3 sb-h-3" })) : (_jsx(PauseIcon, { className: "sb-w-3 sb-h-3" })) }) }), _jsx("button", { onClick: (e) => {
}, children: _jsx(TooltipModal, { width: width, content: _jsx("p", { children: "Backward 5 sec" }), isLeft: true, children: _jsx(BackwardIcon, { className: "sb-w-3 sb-h-3" }) }) }), _jsx("button", { onClick: togglePlay, children: _jsx(TooltipModal, { width: width, content: _jsx("p", { children: isPaused ? "Play" : "pause" }), isLeft: true, children: isPaused ? (_jsx(PlayIcon, { className: "sb-w-3 sb-h-3" })) : (_jsx(PauseIcon, { className: "sb-w-3 sb-h-3" })) }) }), _jsx("button", { onClick: (e) => {
e.preventDefault();

@@ -58,0 +58,0 @@ seek(seekStep);

@@ -1,2 +0,2 @@

import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useEffect, useState } from "react";

@@ -37,12 +37,12 @@ import MenuButton from "../MenuButton";

}, className: "hover:sb-scale-150", children: _jsx(LeftArrowIcon, { className: "sb-w-3 sb-h-3" }) }), _jsx("h3", { children: "Quality" })] }), _jsx("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }), _jsx("div", { className: "sb-px-5 sb-flex sb-flex-col sb-gap-3 sb-items-start ", children: qualities === null || qualities === void 0 ? void 0 : qualities.map((q, i) => {
return (_jsx(_Fragment, { children: _jsx(QualityOption, { width: width, isSelected: currentQualitySrc === q.label, quality: q, onClick: () => {
const source = qualities.find((_q) => q.label == _q.label);
if (source && source.src != currentQualitySrc) {
player === null || player === void 0 ? void 0 : player.src(source.src);
const currentTime = player === null || player === void 0 ? void 0 : player.currentTime();
setCurrentQualitySrc(source.label);
player === null || player === void 0 ? void 0 : player.currentTime(currentTime);
player === null || player === void 0 ? void 0 : player.play();
}
} }, `quality-${q.label}-${i}`) }));
return (_jsx(QualityOption, { width: width, isSelected: currentQualitySrc === q.label, quality: q, onClick: () => {
const source = qualities.find((_q) => q.label == _q.label);
if (source && source.src != currentQualitySrc) {
player === null || player === void 0 ? void 0 : player.src(source.src);
const currentTime = player === null || player === void 0 ? void 0 : player.currentTime();
setCurrentQualitySrc(source.label);
player === null || player === void 0 ? void 0 : player.currentTime(currentTime);
player === null || player === void 0 ? void 0 : player.play();
}
} }, `quality-${q.label}-${i}`));
}) })] }) }), close: (fn) => {

@@ -49,0 +49,0 @@ setCloseMenuFunction(() => fn);

@@ -7,3 +7,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

const hideTooltip = () => setIsOpen(false);
return (_jsxs("div", { className: "tooltip-container", style: { position: "relative", display: "inline-block" }, children: [_jsx("div", { onMouseEnter: showTooltip, onMouseLeave: hideTooltip, style: { cursor: "pointer" }, children: children }), isOpen && (_jsx("div", { className: `sb-tooltip-modal sb-text-orange-900 sb-my-2 ${width > 400 ? "sb-bottom-[105]" : "sb-top-[105%]"}`, style: {
return (_jsxs("div", { className: "tooltip-container", style: { position: "relative", display: "inline-block" }, children: [_jsx("div", { onMouseEnter: showTooltip, onMouseLeave: hideTooltip, style: { cursor: "pointer" }, children: children }), isOpen && (_jsx("div", { className: `sb-tooltip-modal sb-text-orange-900 sb-my-2 ${width > 400 ? "!sb-bottom-[105%]" : "!sb-top-[105%]"}`, style: {
position: "absolute",

@@ -10,0 +10,0 @@ left: !isLeft ? "-100%" : "100%",

{
"name": "softbuilders-react-video-player",
"description": "Standalone video player component",
"version": "1.1.71",
"version": "1.1.72",
"main": "dist/index.js",

@@ -6,0 +6,0 @@ "types": "dist/index.d.ts",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc