JWPlayer with Subtile Update

bySeiha_Shop •11/01/2023
0

<!DOCTYPE html>
<html
lang="En;lang=km">
  <head>
    <style>
     img {
       position: absolute;
       top: 30px;
       right: 30px;
       width: 100px;
       height: auto;
       opacity: 0.6;
       z-index: 1;
     }
   </style>
    <link
  href='https://raw.githack.com/Killer-GR/submovie/main/Admin-logo.css'
  rel='stylesheet'/>

   <title>W88MOVIE</title>
   </head>
<body>
  <img src="https://i.imgur.com/umTyaSP.png" />
    <script
  src='https://raw.githack.com/Killer-GR/PlayerCode/main/DooPlay%20Licenkey.js'
  type='text/javascript'></script>
  <style>
  #player {
    position: absolute;
    width: 100%! important;
    height: 100% !important;
  }
  .jwplayer .jw-rightclick .jw-rightclick-list {
        border-radius: 1px;
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
    }
</style>
<! -- Player -->
<div id="player"></div>
<script>
  const player Instance = Jw player("player"). setup ({
  controls: true,
  sharing: false,
  display title: false,
  display description: true,
  about text: "Buy Me a Coffee",
  about link: "W88mvoie",
  skin: {
    name: "Netflix"
  },
  captions: {
    color: "#FFF",
    font Size: 16,
    background Opacity: 100,
    edge Style: "uniform"
  },
  playlist: [
    {
      title: "W88MOVIE",
      description: "Follow bongseiha.com",
      image: "",
      sources: [
      {
          file:
  "https://bigf.bigo.sg/asia_live/V4s7/13Ujhs.mp4",
          label: "Auto",
          default: true
        },
        {
          file:
            "",
          label: "4k"
        },
        {
          file:
            "",
          label: "1080p"
        },
        {
          file:
  "https://bigf.bigo.sg/asia_live/V4s7/13Ujhs.mp4",
          label: "720p"
        },
      {
        file:
  "https://bigf.bigo.sg/asia_live/V4s7/13Ujhs.mp4",
          label: "480p"
        }],
        captions: [
  {file:"//res.cloudinary.com/dcfl8m5ma/raw/upload/v1691862680/Movie%20Sub%20Hornor/They%20Talk%20to%20me%202021/Khmer_They.Talk.To.Me.2021_g8hynr.srt",
          label: "Km",
          kind: "captions",
          default: true
        },
        {      
  file:"//res.cloudinary.com/dcfl8m5ma/raw/upload/v1691862680/Movie%20Sub%20Hornor/They%20Talk%20to%20me%202021/En_They.Talk.To.Me._avnxb3.srt",
          label: "English",
          kind: "captions"
      }],
    }
  ],
  advertising: {
    client: "vast",
  }
});
playerInstance.on("ready", function () {
  const buttonId = "download-video-button";
  const iconPath = 
  "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTMgMTloMTh2Mkgzdi0yem0xMC01LjgyOEwxOS4wNzEgNy4xbDEuNDE0IDEuNDE0TDEyIDE3IDMuNTE1IDguNTE1IDQuOTI5IDcuMSAxMSAxMy4xN1YyaDJ2MTEuMTcyeiIgZmlsbD0icmdiYSgyNDcsMjQ3LDI0NywxKSIvPjwvc3ZnPg==";
  const tooltipText = "Download";
  // This function is executed when the button is clicked
  function buttonClickAction() {
    const playlistItem = playerInstance.getPlaylistItem();
    const anchor = document.createElement("a");
    const fileUrl = playlistItem.file;
    anchor.setAttribute("href", fileUrl);
      const downloadName = playlistItem.file.split("/").pop();
    anchor.setAttribute("download", downloadName);
    anchor.style.display = "none";
    document.body.appendChild(anchor);
    anchor.click();
    document.body.removeChild(anchor);
  }
  // Move the timeslider in-line with other controls
  const playerContainer = playerInstance.getContainer();
    const buttonContainer =
  playerContainer.querySelector(".jw-button-container");
  const spacer = buttonContainer.querySelector(".jw-spacer");
    const timeSlider = playerContainer.querySelector(".jw-slider-time");
  // Forward 10 seconds
  const rewindContainer = playerContainer.querySelector(
    ".jw-display-icon-rewind"
  );
  const forwardContainer = rewindContainer.cloneNode(true);
  const forwardDisplayButton = forwardContainer.querySelector(
    ".jw-icon-rewind"
  );
  forwardDisplayButton.style.transform = "scaleX(-1)";
  forwardDisplayButton.ariaLabel = "Forward 10 Seconds";
    const nextContainer =
  playerContainer.querySelector(".jw-display-icon-next"); 
  nextContainer.parentNode.insertBefore(forwardContainer, nextContainer);
  // control bar icon
    playerContainer.querySelector(".jw-display-icon-next").style.display =
  "none"; // hide next button
  const rewindControlBarButton = buttonContainer.querySelector(
    ".jw-icon-rewind"
  );
    const forwardControlBarButton = rewindControlBarButton.cloneNode(true);
  forwardControlBarButton.style.transform = "scaleX(-1)";
    forwardControlBarButton.ariaLabel = "Forward 10 Seconds"; 
  rewindControlBarButton.parentNode.insertBefore(
      forwardControlBarButton,   
  rewindControlBarButton.nextElementSibling
  );
  // add onclick handlers
    [forwardDisplayButton, forwardControlBarButton].forEach((button) =>
  {
      button.onclick = () => {   
   playerInstance.seek(playerInstance.getPosition() + 10);
    };
  });
});
</script>
</body>
</html>

Download
Tags: Short Tip
JWPlayer with Subtile Update

Post a Comment

Contact Form
