diff --git a/src/apps/loan-list/modal/material-details-modal.tsx b/src/apps/loan-list/modal/material-details-modal.tsx
index 554129e670..c0e1590337 100644
--- a/src/apps/loan-list/modal/material-details-modal.tsx
+++ b/src/apps/loan-list/modal/material-details-modal.tsx
@@ -1,3 +1,4 @@
+//  Todo: Fix infinite loop in MaterialDetailsModal
 import React, { FC, ReactNode } from "react";
 import Modal from "../../../core/utils/modal";
 import { useText } from "../../../core/utils/text";
@@ -33,6 +34,7 @@ const MaterialDetailsModal: FC<MaterialDetailsModalProps> = ({
   children
 }) => {
   const t = useText();
+  // console.log("Rendering MaterialDetailsModal:");
 
   if (!modalId) {
     return null;
diff --git a/src/apps/loan-list/modal/material-details.tsx b/src/apps/loan-list/modal/material-details.tsx
index 090f4b5c6b..f3a99b6ffa 100644
--- a/src/apps/loan-list/modal/material-details.tsx
+++ b/src/apps/loan-list/modal/material-details.tsx
@@ -2,7 +2,6 @@ import React, { FC, useState } from "react";
 import ReservationIcon from "@danskernesdigitalebibliotek/dpl-design-system/build/icons/collection/Reservations.svg";
 import LoansIcon from "@danskernesdigitalebibliotek/dpl-design-system/build/icons/collection/Loans.svg";
 import EbookIcon from "@danskernesdigitalebibliotek/dpl-design-system/build/icons/collection/Ebook.svg";
-import ExternalLinkIcon from "@danskernesdigitalebibliotek/dpl-design-system/build/icons/buttons/icon-btn-external-link.svg";
 import { useText } from "../../../core/utils/text";
 import { isDigital } from "../utils/helpers";
 import { materialIsOverdue } from "../../../core/utils/helpers/general";
@@ -22,6 +21,7 @@ import { RequestStatus } from "../../../core/utils/types/request";
 import { RenewedLoanV2 } from "../../../core/fbs/model";
 import RenewalModalMessage from "../../../components/renewal/RenewalModalMessage";
 import { formatDate } from "../../../core/utils/helpers/date";
+import useGetWorkUrlFromIdentifier from "../../../core/utils/useGetWorkUrlFromIdentifier";
 
 interface MaterialDetailsProps {
   loan: LoanType | null;
@@ -33,6 +33,7 @@ const MaterialDetails: FC<MaterialDetailsProps & MaterialProps> = ({
   material,
   modalId
 }) => {
+  const { workUrl } = useGetWorkUrlFromIdentifier(loan?.identifier);
   const [renewingStatus, setRenewingStatus] = useState<RequestStatus>("idle");
   const [renewingResponse, setRenewingResponse] = useState<
     RenewedLoanV2[] | null
@@ -40,7 +41,6 @@ const MaterialDetails: FC<MaterialDetailsProps & MaterialProps> = ({
 
   const t = useText();
   const u = useUrls();
-  const ereolenMyPageUrl = u("ereolenMyPageUrl");
   const viewFeesAndCompensationRatesUrl = u("viewFeesAndCompensationRatesUrl");
 
   if (!loan) {
@@ -119,18 +119,13 @@ const MaterialDetails: FC<MaterialDetailsProps & MaterialProps> = ({
               renewalStatusList={renewalStatusList}
             />
           )}
-          {isDigital(loan) && (
+          {isDigital(loan) && workUrl && (
             <div className="modal-details__buttons modal-details__buttons--hide-on-mobile">
               <Link
-                href={ereolenMyPageUrl}
+                href={workUrl}
                 className="btn-primary btn-filled btn-small arrow__hover--right-small"
               >
-                {t("materialDetailsGoToEreolenText")}
-                <img
-                  src={ExternalLinkIcon}
-                  className="btn-icon invert"
-                  alt=""
-                />
+                {t("materialDetailsGoToMaterialText")}
               </Link>
             </div>
           )}
@@ -186,18 +181,13 @@ const MaterialDetails: FC<MaterialDetailsProps & MaterialProps> = ({
               renewalStatusList={renewalStatusList}
             />
           )}
-          {isDigital(loan) && (
+          {isDigital(loan) && workUrl && (
             <div className="modal-details__buttons">
               <Link
-                href={ereolenMyPageUrl}
+                href={workUrl}
                 className="btn-primary btn-filled btn-small arrow__hover--right-small modal-details__buttons__full-width"
               >
-                {t("materialDetailsGoToEreolenText")}
-                <img
-                  src={ExternalLinkIcon}
-                  className="btn-icon invert"
-                  alt=""
-                />
+                {t("materialDetailsGoToMaterialText")}
               </Link>
             </div>
           )}
diff --git a/src/apps/material/material.entry.tsx b/src/apps/material/material.entry.tsx
index e2219c24be..c6ff6773ce 100644
--- a/src/apps/material/material.entry.tsx
+++ b/src/apps/material/material.entry.tsx
@@ -102,6 +102,8 @@ interface MaterialEntryTextProps {
   okButtonText: string;
   onlineLimitMonthAudiobookInfoText: string;
   onlineLimitMonthEbookInfoText: string;
+  onlineMaterialPlayerText: string;
+  onlineMaterialReaderText: string;
   onlineMaterialTeaserText: string;
   openOrderAuthenticationErrorText: string;
   openOrderErrorMissingPincodeText: string;
diff --git a/src/apps/material/material.stories.tsx b/src/apps/material/material.stories.tsx
index 3f559b63e5..2193e620e8 100644
--- a/src/apps/material/material.stories.tsx
+++ b/src/apps/material/material.stories.tsx
@@ -303,6 +303,14 @@ const meta: Meta<typeof MaterialEntry> = {
       description: "Online limit info text",
       control: { type: "text" }
     },
+    onlineMaterialPlayerText: {
+      description: "Material button online player text",
+      control: { type: "text" }
+    },
+    onlineMaterialReaderText: {
+      description: "Material button online reader text",
+      control: { type: "text" }
+    },
     onlineMaterialTeaserText: {
       description: "Material button online teaser text",
       control: { type: "text" }
@@ -795,6 +803,8 @@ const meta: Meta<typeof MaterialEntry> = {
       "You have borrowed @count out of @limit possible e-books this month",
     onlineLimitMonthAudiobookInfoText:
       "You have borrowed @count out of @limit possible audio-books this month",
+    onlineMaterialPlayerText: "Listen to @materialType",
+    onlineMaterialReaderText: "Read @materialType",
     onlineMaterialTeaserText: "Try @materialType",
     approveReservationText: "Approve reservation",
     shiftText: "Change",
diff --git a/src/apps/material/material.tsx b/src/apps/material/material.tsx
index 051f98c84d..65a60e1021 100644
--- a/src/apps/material/material.tsx
+++ b/src/apps/material/material.tsx
@@ -33,14 +33,13 @@ import {
   getBestMaterialTypeForWork,
   getDetailsListData,
   getInfomediaIds,
-  getManifestationIsbn,
   getManifestationsOrderByTypeAndYear,
   isParallelReservation
 } from "./helper";
 import MaterialDisclosure from "./MaterialDisclosure";
 import ReservationFindOnShelfModals from "./ReservationFindOnShelfModals";
 import PlayerModal from "../../components/material/player-modal/PlayerModal";
-import { hasPlayerManifestation } from "../../components/reader-player/helper";
+import useReaderPlayer from "../../core/utils/useReaderPlayer";
 
 export interface MaterialProps {
   wid: WorkId;
@@ -57,6 +56,11 @@ const Material: React.FC<MaterialProps> = ({ wid }) => {
   const { data: userData } = usePatronData();
   const [isUserBlocked, setIsUserBlocked] = useState<boolean | null>(null);
   const { track } = useStatistics();
+  const {
+    type: readerPlayerType,
+    identifier,
+    orderId
+  } = useReaderPlayer(selectedManifestations);
 
   useEffect(() => {
     setIsUserBlocked(!!(userData?.patron && isBlocked(userData.patron)));
@@ -173,7 +177,6 @@ const Material: React.FC<MaterialProps> = ({ wid }) => {
             setSelectedPeriodical={setSelectedPeriodical}
           />
         ))}
-
         {infomediaIds.length > 0 && !isAnonymous() && !isUserBlocked && (
           <InfomediaModal
             selectedManifestations={selectedManifestations}
@@ -196,10 +199,11 @@ const Material: React.FC<MaterialProps> = ({ wid }) => {
             setSelectedPeriodical={setSelectedPeriodical}
           />
         )}
-        {hasPlayerManifestation(selectedManifestations) && (
-          <PlayerModal
-            identifier={getManifestationIsbn(selectedManifestations[0])}
-          />
+        {readerPlayerType === "player" && (
+          <>
+            {identifier && <PlayerModal identifier={identifier} />}
+            {orderId && <PlayerModal orderId={orderId} />}
+          </>
         )}
       </MaterialHeader>
       <MaterialDescription pid={pid} work={work} />
diff --git a/src/components/material/material-buttons/online/MaterialButtonsOnlineInternal.tsx b/src/components/material/material-buttons/online/MaterialButtonsOnlineInternal.tsx
index bda5d7e347..9c05d469c3 100644
--- a/src/components/material/material-buttons/online/MaterialButtonsOnlineInternal.tsx
+++ b/src/components/material/material-buttons/online/MaterialButtonsOnlineInternal.tsx
@@ -1,16 +1,14 @@
 import React, { FC } from "react";
 import { Manifestation } from "../../../../core/utils/types/entities";
-import {
-  hasPlayerManifestation,
-  hasReaderManifestation
-} from "../../../reader-player/helper";
 import MaterialSecondaryLink from "../generic/MaterialSecondaryLink";
 import MaterialSecondaryButton from "../generic/MaterialSecondaryButton";
 import { playerModalId } from "../../player-modal/helper";
-import { getManifestationIsbn } from "../../../../apps/material/helper";
 import { useModalButtonHandler } from "../../../../core/utils/modal";
 import { useText } from "../../../../core/utils/text";
 import { ButtonSize } from "../../../../core/utils/types/button";
+import useReaderPlayer from "../../../../core/utils/useReaderPlayer";
+import LinkButton from "../../../Buttons/LinkButton";
+import { Button } from "../../../Buttons/Button";
 
 type MaterialButtonsOnlineInternalType = {
   size?: ButtonSize;
@@ -25,41 +23,109 @@ const MaterialButtonsOnlineInternal: FC<MaterialButtonsOnlineInternalType> = ({
 }) => {
   const t = useText();
   const { open } = useModalButtonHandler();
+  const { type, orderId, identifier } = useReaderPlayer(manifestations);
 
-  return (
-    <>
-      {/* Todo: add logic for the reservation / loan / Read / Listen buttons here */}
+  const renderReaderButton = () => {
+    if (orderId) {
+      return (
+        <LinkButton
+          url={new URL(`/reader?orderid=${orderId}`, window.location.href)}
+          buttonType="none"
+          variant="filled"
+          size={size || "large"}
+          dataCy={`${dataCy}-reader`}
+        >
+          {t("onlineMaterialReaderText", {
+            placeholders: { "@materialType": t("ebookText") }
+          })}
+        </LinkButton>
+      );
+    }
+
+    return null;
+  };
 
-      {hasReaderManifestation(manifestations) && (
+  const renderReaderTeaserButton = () => {
+    if (orderId) return null;
+
+    if (identifier) {
+      return (
         <MaterialSecondaryLink
           label={t("onlineMaterialTeaserText", {
             placeholders: { "@materialType": t("ebookText") }
           })}
           size={size || "large"}
           url={
-            new URL(
-              `/reader?identifier=${getManifestationIsbn(manifestations[0])}`,
-              window.location.href
-            )
+            new URL(`/reader?identifier=${identifier}`, window.location.href)
           }
           dataCy={`${dataCy}-reader-teaser`}
         />
-      )}
-      {hasPlayerManifestation(manifestations) && (
+      );
+    }
+    return null;
+  };
+
+  const renderPlayerButton = () => {
+    if (orderId) {
+      return (
+        <Button
+          dataCy={`${dataCy}-player`}
+          label={t("onlineMaterialPlayerText", {
+            placeholders: { "@materialType": t("audiobookText") }
+          })}
+          buttonType="none"
+          variant="filled"
+          size={size || "large"}
+          onClick={() => open(playerModalId(orderId))}
+          disabled={false}
+          collapsible={false}
+        />
+      );
+    }
+
+    return null;
+  };
+
+  const renderPlayerTeaserButton = () => {
+    if (orderId) return null;
+
+    if (identifier) {
+      return (
         <MaterialSecondaryButton
           label={t("onlineMaterialTeaserText", {
             placeholders: { "@materialType": t("audiobookText") }
           })}
           size={size || "large"}
           onClick={() => {
-            open(playerModalId(getManifestationIsbn(manifestations[0])));
+            open(playerModalId(identifier));
           }}
           dataCy={`${dataCy}-player-teaser`}
           ariaDescribedBy={t("onlineMaterialTeaserText")}
         />
-      )}
-    </>
-  );
+      );
+    }
+    return null;
+  };
+
+  if (type === "reader") {
+    return (
+      <>
+        {renderReaderButton()}
+        {renderReaderTeaserButton()}
+      </>
+    );
+  }
+
+  if (type === "player") {
+    return (
+      <>
+        {renderPlayerButton()}
+        {renderPlayerTeaserButton()}
+      </>
+    );
+  }
+
+  return null;
 };
 
 export default MaterialButtonsOnlineInternal;
diff --git a/src/components/material/player-modal/PlayerModal.tsx b/src/components/material/player-modal/PlayerModal.tsx
index 1fa71e2653..cdcd65be3c 100644
--- a/src/components/material/player-modal/PlayerModal.tsx
+++ b/src/components/material/player-modal/PlayerModal.tsx
@@ -1,24 +1,41 @@
-import React from "react";
+import React, { FC } from "react";
 import Modal from "../../../core/utils/modal";
 import { useText } from "../../../core/utils/text";
 import Player, { PlayerType } from "../../reader-player/Player";
 import { playerModalId } from "./helper";
 
-const PlayerModal = ({ identifier, orderId }: PlayerType) => {
+const PlayerModal: FC<PlayerType> = ({ identifier, orderId }) => {
   const t = useText();
 
-  return (
-    <Modal
-      classNames="modal--center"
-      dataCy="player-modal"
-      // Todo: Find a better way to generate the modalId
-      modalId={playerModalId(identifier || orderId || "")}
-      screenReaderModalDescriptionText={t("playerModalDescriptionText")}
-      closeModalAriaLabelText={t("playerModalCloseButtonText")}
-    >
-      <Player identifier={identifier} />
-    </Modal>
-  );
+  if (orderId) {
+    return (
+      <Modal
+        classNames="modal--center"
+        dataCy="player-modal"
+        modalId={playerModalId(orderId)}
+        screenReaderModalDescriptionText={t("playerModalDescriptionText")}
+        closeModalAriaLabelText={t("playerModalCloseButtonText")}
+      >
+        <Player orderId={orderId} />
+      </Modal>
+    );
+  }
+
+  if (identifier) {
+    return (
+      <Modal
+        classNames="modal--center"
+        dataCy="player-modal"
+        modalId={playerModalId(identifier)}
+        screenReaderModalDescriptionText={t("playerModalDescriptionText")}
+        closeModalAriaLabelText={t("playerModalCloseButtonText")}
+      >
+        <Player identifier={identifier} />
+      </Modal>
+    );
+  }
+
+  return null;
 };
 
 export default PlayerModal;
diff --git a/src/components/reader-player/helper.ts b/src/components/reader-player/helper.ts
index c415c9eef6..573b06af78 100644
--- a/src/components/reader-player/helper.ts
+++ b/src/components/reader-player/helper.ts
@@ -1,5 +1,6 @@
 import { getMaterialTypes } from "../../core/utils/helpers/general";
 import { Manifestation } from "../../core/utils/types/entities";
+import { LoanType } from "../../core/utils/types/loan-type";
 import { ManifestationMaterialType } from "../../core/utils/types/material-type";
 
 type AssetType = {
@@ -72,26 +73,40 @@ export const removeAppendedAssets = () => {
   });
 };
 
-export const hasReaderManifestation = (manifestations: Manifestation[]) => {
-  const materialTypes = getMaterialTypes(manifestations);
-  return materialTypes.some(
-    (type) =>
-      type === ManifestationMaterialType.ebook ||
-      type === ManifestationMaterialType.pictureBookOnline ||
-      type === ManifestationMaterialType.animatedSeriesOnline ||
-      type === ManifestationMaterialType.yearBookOnline
-  );
+export const getOrderIdByIdentifier = ({
+  loans,
+  identifier
+}: {
+  loans: LoanType[];
+  identifier: string;
+}) => {
+  const loanWithIdentifier = loans.find((i) => i.identifier === identifier);
+  return loanWithIdentifier ? loanWithIdentifier.orderId : null;
 };
 
-export const hasPlayerManifestation = (manifestations: Manifestation[]) => {
+export const getReaderPlayerType = (
+  manifestations: Manifestation[]
+): "reader" | "player" | null => {
   const materialTypes = getMaterialTypes(manifestations);
-  return materialTypes.some(
-    (type) =>
-      type === ManifestationMaterialType.audioBook ||
-      type === ManifestationMaterialType.podcast ||
-      type === ManifestationMaterialType.musicOnline ||
-      type === ManifestationMaterialType.audioBookTape
-  );
+
+  const readerTypes = [
+    ManifestationMaterialType.ebook,
+    ManifestationMaterialType.pictureBookOnline,
+    ManifestationMaterialType.animatedSeriesOnline,
+    ManifestationMaterialType.yearBookOnline
+  ];
+
+  const playerTypes = [
+    ManifestationMaterialType.audioBook,
+    ManifestationMaterialType.podcast,
+    ManifestationMaterialType.musicOnline,
+    ManifestationMaterialType.audioBookTape
+  ];
+
+  if (readerTypes.some((type) => materialTypes.includes(type))) return "reader";
+  if (playerTypes.some((type) => materialTypes.includes(type))) return "player";
+
+  return null;
 };
 
 export default {};
diff --git a/src/core/storybook/materialDetailsModalArgs.ts b/src/core/storybook/materialDetailsModalArgs.ts
index a85471076f..8bb1fdba40 100644
--- a/src/core/storybook/materialDetailsModalArgs.ts
+++ b/src/core/storybook/materialDetailsModalArgs.ts
@@ -42,10 +42,10 @@ export const argTypes = {
       defaultValue: { summary: "Expired" }
     }
   },
-  materialDetailsGoToEreolenText: {
+  materialDetailsGoToMaterialText: {
     table: {
       type: { summary: "text" },
-      defaultValue: { summary: "Go to eReolen" }
+      defaultValue: { summary: "Go to material" }
     },
     control: { type: "text" }
   },
@@ -77,10 +77,10 @@ export const argTypes = {
     },
     control: { type: "text" }
   },
-  ereolenMyPageUrl: {
+  materialUrl: {
     table: {
       type: { summary: "text" },
-      defaultValue: { summary: "https://unsplash.com/photos/wd6YQy0PJt8" } // open source image of a red panda
+      defaultValue: { summary: "work/:workid" }
     },
     control: { type: "text" }
   }
@@ -94,12 +94,12 @@ export default {
   materialDetailsMaterialNumberLabelText: "Material Item Number",
   materialDetailsLinkToPageWithFeesText: "Read more about fees",
   materialDetailsOverdueText: "Expired",
-  materialDetailsGoToEreolenText: "Go to eReolen",
+  materialDetailsGoToMaterialText: "Go to material",
   materialDetailsDigitalDueDateLabelText: "Expires",
   materialDetailsRenewLoanButtonText: "Renew your loan",
   feesPageUrl: "/user/me/fees",
   viewFeesAndCompensationRatesUrl: "https://unsplash.com/photos/wd6YQy0PJt8", // open source image of a red panda
-  ereolenMyPageUrl: "https://unsplash.com/photos/wd6YQy0PJt8" // open source image of a red panda
+  materialUrl: "work/:workid"
 };
 
 export interface MaterialDetailsModalProps {
@@ -110,8 +110,8 @@ export interface MaterialDetailsModalProps {
   materialDetailsLinkToPageWithFeesText: string;
   materialDetailsOverdueText: string;
   feesPageUrl: string;
-  ereolenMyPageUrl: string;
-  materialDetailsGoToEreolenText: string;
+  materialUrl: string;
+  materialDetailsGoToMaterialText: string;
   materialDetailsDigitalDueDateLabelText: string;
   materialDetailsRenewLoanButtonText: string;
 }
diff --git a/src/core/utils/helpers/list-mapper.ts b/src/core/utils/helpers/list-mapper.ts
index 7f59913c6a..c1459703c5 100644
--- a/src/core/utils/helpers/list-mapper.ts
+++ b/src/core/utils/helpers/list-mapper.ts
@@ -33,19 +33,22 @@ function getSeriesString(series: ManifestationBasicDetailsFragment["series"]) {
 // so digital/physical loans/reservations can use the same components,
 // as their UI is often quite similar
 export const mapPublizonLoanToLoanType = (list: Loan[]): LoanType[] => {
-  return list.map(({ loanExpireDateUtc, orderDateUtc, libraryBook }) => {
-    return {
-      dueDate: loanExpireDateUtc,
-      loanDate: orderDateUtc,
-      isRenewable: false,
-      materialItemNumber: libraryBook?.identifier || "",
-      renewalStatusList: [],
-      loanType: null,
-      identifier: libraryBook?.identifier || null,
-      faust: null,
-      loanId: null
-    };
-  });
+  return list.map(
+    ({ loanExpireDateUtc, orderDateUtc, libraryBook, orderId }) => {
+      return {
+        dueDate: loanExpireDateUtc,
+        loanDate: orderDateUtc,
+        isRenewable: false,
+        materialItemNumber: libraryBook?.identifier || "",
+        renewalStatusList: [],
+        loanType: null,
+        identifier: libraryBook?.identifier || null,
+        faust: null,
+        loanId: null,
+        orderId
+      };
+    }
+  );
 };
 
 // LoanV2 is a loan from FBS, and is the equivalent
diff --git a/src/core/utils/types/loan-type.ts b/src/core/utils/types/loan-type.ts
index 50a5ba2d22..e7e59c0206 100644
--- a/src/core/utils/types/loan-type.ts
+++ b/src/core/utils/types/loan-type.ts
@@ -8,6 +8,7 @@ export interface LoanType extends ListType {
   materialItemNumber?: string | null;
   renewalStatusList: string[];
   loanType: string | null;
+  orderId?: string | null;
 }
 
 export function isLoanType(item: ListType): item is LoanType {
diff --git a/src/core/utils/useGetWorkUrlFromIdentifier.ts b/src/core/utils/useGetWorkUrlFromIdentifier.ts
new file mode 100644
index 0000000000..88cb985c68
--- /dev/null
+++ b/src/core/utils/useGetWorkUrlFromIdentifier.ts
@@ -0,0 +1,58 @@
+import { useMemo } from "react";
+import { useComplexSearchWithPaginationQuery } from "../dbc-gateway/generated/graphql";
+import { useUrls } from "./url";
+import { constructMaterialUrl } from "./helpers/url";
+import { WorkId } from "./types/ids";
+import { getMaterialTypes } from "./helpers/general";
+import { Manifestation } from "./types/entities";
+
+type UseGetWorkUrlFromIdentifierResult = {
+  workUrl: URL | null;
+  isLoading: boolean;
+  isError: boolean;
+};
+
+const useGetWorkUrlFromIdentifier = (
+  identifier: string | undefined | null
+): UseGetWorkUrlFromIdentifierResult => {
+  const u = useUrls();
+  const materialUrl = u("materialUrl");
+
+  const { data, isLoading, isError } = useComplexSearchWithPaginationQuery(
+    {
+      cql: `term.isbn=${identifier}`,
+      offset: 0,
+      limit: 1,
+      filters: {}
+    },
+    {
+      enabled: Boolean(identifier)
+    }
+  );
+
+  const workUrl = useMemo(() => {
+    if (!data || !identifier) return null;
+
+    const work = data.complexSearch?.works?.[0];
+    if (!work) return null;
+
+    const workId = work.workId as WorkId;
+    const manifestationWithSameIdentifier = work.manifestations?.all?.find(
+      (manifestation) =>
+        manifestation.identifiers?.some((id) => id.value === identifier)
+    );
+    const materialType = manifestationWithSameIdentifier
+      ? getMaterialTypes([manifestationWithSameIdentifier] as Manifestation[])
+      : undefined;
+
+    return constructMaterialUrl(
+      materialUrl,
+      workId,
+      materialType ? String(materialType) : undefined
+    );
+  }, [data, identifier, materialUrl]);
+
+  return { workUrl, isLoading, isError };
+};
+
+export default useGetWorkUrlFromIdentifier;
diff --git a/src/core/utils/useReaderPlayer.tsx b/src/core/utils/useReaderPlayer.tsx
new file mode 100644
index 0000000000..fb79cb7f35
--- /dev/null
+++ b/src/core/utils/useReaderPlayer.tsx
@@ -0,0 +1,47 @@
+import { useGetV1UserLoans } from "../publizon/publizon";
+import { Manifestation } from "./types/entities";
+import { getManifestationIsbn } from "../../apps/material/helper";
+import {
+  getOrderIdByIdentifier,
+  getReaderPlayerType
+} from "../../components/reader-player/helper";
+import { mapPublizonLoanToLoanType } from "./helpers/list-mapper";
+import { isAnonymous } from "./helpers/user";
+
+const useReaderPlayer = (manifestations: Manifestation[] | null) => {
+  const isUserAnonymous = isAnonymous();
+  const { data } = useGetV1UserLoans(
+    {},
+    {
+      query: { enabled: !isUserAnonymous }
+    }
+  );
+
+  if (!manifestations)
+    return {
+      type: null,
+      identifier: null,
+      orderId: null
+    };
+
+  const identifier = getManifestationIsbn(manifestations[0]);
+  const type = getReaderPlayerType(manifestations);
+
+  if (isUserAnonymous)
+    return {
+      type,
+      identifier,
+      orderId: null
+    };
+
+  const loans = data?.loans ? mapPublizonLoanToLoanType(data.loans) : null;
+  const orderId = loans ? getOrderIdByIdentifier({ loans, identifier }) : null;
+
+  return {
+    type,
+    identifier,
+    orderId
+  };
+};
+
+export default useReaderPlayer;