Thursday, 21 September 2023

Iframe Embed Video.js

 Iframe Video.js

 <style>
   body {
    background-color: #444f61;
   }
.container2 {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 0px;
  padding-top: 57.25%; /* 16:9 Aspect Ratio */
}
.responsive-iframe {
  position: absolute;
  top: -24px;
  left:  -36px;
  #right: -10px;
  width: 112%;
  height: 105%;
  border: none;
}
 </style>
<div class="container2"> 
<iframe class="responsive-iframe" src='https://ssl.us.ceriatv.co.id/http-streaming-main/?debug=false&autoplay=false&muted=false&fluid=true&minified=false&sync-workers=false&liveui=true&llhls=true&url=https://ssl.us.ceriatv.co.id/avtech/stream.m3u8&type=application/x-mpegURL&keysystems=&buffer-water=false&exact-manifest-timings=false&pixel-diff-selector=false&network-info=true&dts-offset=false&override-native=true&preload=auto&mirror-source=true&forced-subtitles=false' marginwidth='0' marginheight='0' frameborder='0' width='100%' height='100%' scrolling='no' allowfullscreen='allowfullscreen'></iframe>
</div>

Untuk AutoPlay

<iframe class="responsive-iframe" .......................... width="100%" autoplay=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe>

No comments:

Post a Comment