TpO9GfC6GUriTSMiTfG5TpO8GA==

Slider

JWPlayer with Subtile Update

JWPlayer

<!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>

0Comments

© Copyright - BongSeiha
Added Successfully

Type above and press Enter to search.