JW Player plugins and codes for your website and application
JW player plugin:
jw player javascript plugin links , copy the link that paste in head section
Increase Video Plays & Ad Inventory
Increase incremental plays up to 60% and create demand for premium ads.
Article matching:
Automatically embed contextually relevant ads to deepen engagement on your site
JW Player Recommendations Engine:
Anticipate what viewers want: 20 billion monthly views
Social media publishing:
Share full videos or video clips to social platforms
Create more demand for premium ads:
Contextual targeting and real-time inventory
Google Key Moments:
Easily drive more video plays with a few clicks Create dynamic video viewing experiences by cohort, context, media or behavior based on real-time data decisions
<script src="https://ssl.p.jwpcdn.com/player/v/8.34.5/jwpsrv.js"></script>
<script src="https://content.jwplatform.com/libraries/KB5zFt7A.js"></script>
Related Posts
.jw-svg-icon-fullscreen-on path {
display: none;
}
.jw-svg-icon-fullscreen-on {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8c6PdI2Rlq_WBvExKKdsOKuWCrKpYYzOrI1qQs3QoIS22ffJKvQ63N7Q3ignE3uVyq60ZO-MRQif6fLtaRJFar8z6gQrpAVwIxNQq5eoVX_DYfuNvfDbDpPEVSvnrb6ylBZowObv96LeG06SDyaYN7U_aEfxjZsU5_FAoGGLJs197E-JVS0Eie5a123ve/w200-h200/fullscreen-svgrepo-com%20(2).png");
background-size: contain;
background-repeat: no-repeat;
margin-left: 10px;
}
.jw-svg-icon-fullscreen-off path {
display: none;
}
.jw-svg-icon-fullscreen-off {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_kHVFQohAc5kjhuSA0DSLeAYbI1xM1ZWsm-ACO3w3s_ToXXVoPetsKJ3KUKgzln647XR6OKhIaP-FUQkXvzr6s1gvpQtIoPiEH2Kr_aa_Op5khDylzykpZsZ9nc1iaemGGGZF5yvyvSKwOVT0AyuXkYMg021sGIdLsWloZvoQID0v4vEYTwl6E1uM5pqI/w200-h200/shrink-svgrepo-com.png");
background-size: contain;
background-repeat: no-repeat;
margin-left: 10px;
}
#player {
border-radius: 10px;
}
.jw-svg-icon-rewind path {
display: none;
}
.jw-svg-icon-rewind {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgidJkAWfxsxWecO-xVHtvD1gq-bx25ImLxjpn06jiFDbmKF79Z5Ea3mEcPBdCj3zzD_QYJhH9YNWU_MXAyCWcBde4fjYBQJPWk3tHnP1bH_QVTnAOnArfsNmLbs9AzKssp0GbgVXrHQH5tAzDyU6RUkOFSkwkyJNJUkyFr8qIoNtZqZDEFGdDXn3n17yKx/w200-h200/1597215.webp");
background-size: contain;
background-repeat: no-repeat;
}
.jw-svg-icon-pause path {
display: none;
}
.jw-svg-icon-pause {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPMNIETZp4sXJ8sUtYZ7NUjXoz4O142ycCSdhStexUz0jST8Em3KB-LNbA14wrTh9GC9FToepTOWUd5mwkMOKAVCGb03FvnAFBh8Io7dKpG7zAaH5KLupLS-yoKSQMRo4mcuzZg5E9tGNbUJvZy3qNpIGD92PGeCLtICuRLj3YUt4ISH3j7lpVXHrWEGVP/w200-h200/1493220.webp");
background-size: contain;
background-repeat: no-repeat;
}
.jw-svg-icon-play path {
display: none;
}
.jw-svg-icon-play {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglVHfHxS6wQ3zK-GNMppVS6Qqaksq34VLJ3crPxWAhg3bTCa3VP6Puac_Ia5AIWUQqwHDgCjjvtLhIGd3YKmwk2AlkqaMRmuRqA2rfFbXrbJC4JsPSqLiBYe0_xT5H2cCs4wdwU7F4ETO2p2RIMJ_wmNPm090lSR_cIljhZpWsyGuCti9K5s7I_HE6IVp0/w200-h200/play-svgrepo-com%20(1).png");
background-size: contain;
background-repeat: no-repeat;
}
.jw-svg-icon-settings path {
display: none;
}
.jw-svg-icon-settings {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnEdVS54F3rB3fUzw60sxNPCVpAYLSORabv53FqF5uCaqzawxqg7Fy5y3mK0GdW0pA5kJsFE2Dk15khhB5KuHlaAq01Zgy8IhfnxoGwcktz-gN6gkYX4lCel19eyTowVsUkEvi7xyL3duCh7XZx8ugGlZnw8C9Rq13RZ_o1ImggozShMxPtmdyHHT-XGvV/s1024/settings-svgrepo-com%20%281%29.png");
background-size: contain;
background-repeat: no-repeat;
}
<div id="player"></div>
let stretchModes = ['uniform', 'exactfit', 'fill', 'none'];
let currentStretchModeIndex = 0;
const playerInstance = jwplayer("player").setup({
controls: true,
displaytitle: true,
autoplay: true,
displaydescription: true,
abouttext: "streaming by AHDFLIX",
aboutlink: "https://t.me/ahdflix",
skin: {
name: "netflix"
},
logo: {
file: "https://www.solarsystemscope.com/spacepedia/images/handbook/renders/sun.png",
link: "https://t.me/ahdflix"
},
captions: {
color: "#FFF",
fontSize: 14,
backgroundOpacity: 0,
edgeStyle: "raised"
},
playlist: [
{
title: "Star Sports 1 Hindi HD",
description: "You're Watching",
image: "https://www.solarsystemscope.com/spacepedia/images/handbook/renders/sun.png",
sources: [
/* {
file: "https://hex-op.tiiny.io/crichd.php?id=starhindi",
type: "mp4",
label: "1080p",
default: true,
drm: {
"clearkey": {
"keyId": "75fad10cec4c5610921be6a5d5326f0e",
"key": "06c1bbfe152ea7d17ed3f7bf6659ffa2"
}
}
}, */
{
file: "content://media/external/downloads/2132",
type: "mp4",
label: "720p",
},
/* {
file: "",
type: "",
label: "480p"
}*/
]
}
],
advertising: {
client: "vast",
schedule: [
{
offset: "pre",
tag: ""
}
]
}
});
playerInstance.on("ready", function () {
const playerContainer = playerInstance.getContainer();
const buttonContainer = playerContainer.querySelector(".jw-button-container");
const spacer = buttonContainer.querySelector(".jw-spacer");
const timeSlider = playerContainer.querySelector(".jw-slider-time");
buttonContainer.replaceChild(timeSlider, spacer);
playerInstance.on("adBlock", () => {
const modal = document.querySelector("div.modal");
modal.style.display = "flex";
document.getElementById("close").addEventListener("click", () => location.reload());
});
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);
playerContainer.querySelector(".jw-display-icon-next").style.display = "none";
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);
[forwardDisplayButton, forwardControlBarButton].forEach((button) => {
button.onclick = () => {
playerInstance.seek(playerInstance.getPosition() + 10);
};
});
// Ensure the player has loaded before adding the button
// Add custom button to toggle aspect ratio
playerInstance.addButton(
"https://raw.githubusercontent.com/TechOnlyAbdhesh/jwplayer/refs/heads/main/8420791.png", // URL to an icon
"Toggle Aspect Ratio", // Tooltip
function() {
currentStretchModeIndex = (currentStretchModeIndex + 1) % stretchModes.length;
let selectedStretchMode = stretchModes[currentStretchModeIndex];
// Update the player with the new stretching mode
playerInstance.setConfig({
stretching: selectedStretchMode
});
},
"aspectRatioButton", // Unique ID for the button
"control-bar", // Where the button will be added
"left" // Position of the button within the control bar
);
})
