Estrella News

Website embed code

Directions:

Paste the below code on your website where you would like to embed the OTTera player for this video. It may be customized to suit your needs.

Included are some basic CSS styles, which can be copied into your website's stylesheets (recommended) or changed inline for each embed as needed.

The JavaScript has an OTTeraEmbed object with configurable settings. The videoId and embedToken (if it appears in the generated code) are required for all embeds. For linear channel embeds, the channelId is required. All other settings can be modified or removed.

The HTML provides a 16:9 responsive embed, but fixed-width containers are supported. If you change the IDs, note the settings in the OTTeraEmbed JS object that should be updated.

Note: To protect your videos, embedding may be restricted to a list of domains you provide us. If you see a note about this at the top of the embed code, contact support to provide the domains where you plan to embed.

Embed codes for "Estrella News (video/News:EA) (id: 971)" on Estrella TV

Click to copy Embed

Embed

<style type="text/css">
  /**
   * These styles are recommended
   */
  .player-container {
    width: 100%;
    display: inline-block;
    position: relative;
  }

/* If using the enable_floating, you must have a player-floating inner div */
  .player-inner.floating {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 250px;
    height: 140px;
    z-index: 2;
    transition: 0.3s;
  }

.playkit-player .playkit-tooltip {
    height: auto;
  }

/**
   * The following are basic styles for the EPG.
   */
  #ottera-linear-epg--rail {
    overflow-y: hidden;
    overflow-x: scroll;
    width: 100%;
    display: none;
    position: relative;
    height: 200px;
  }

#ottera-linear-epg {
    position: absolute;
    height: 200px;
    padding-top: 0.5em;
  }

.ottera--epg {
    width: 200px;
    height: 180px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.5em 0 0;
    background-color: rgba(0,0,0,0.8);
    color: white;
    font-family: sans-serif;
    padding: 0.5em;
    box-sizing: border-box;
  }

.ottera--epg--thumbnail img {
    max-width: 100%;
    height: auto;
  }

.ottera--epg--time {
    font-size: 85%;
    margin-bottom: 0.2em;
  }

.ottera--epg--title {
    font-size: 93%;
    margin: 0;
  }

#ottera-embed.epg-pos-right {
    margin-right: 230px;
    position: relative;
  }

#ottera-embed.epg-pos-right #ottera-linear-epg--rail {
    display: block;
    position: absolute;
    top: 0;
    right: -230px;
    height: 100%;
    width: 220px;
    overflow-x: hidden;
    overflow-y: scroll;
  }

#ottera-embed.epg-pos-right .ottera--epg {
    display: block;
    margin: 0 0 1em;
  }

#ottera-embed.epg-pos-left {
    margin-left: 230px;
    position: relative;
  }

#ottera-embed.epg-pos-left #ottera-linear-epg--rail {
    display: block;
    position: absolute;
    top: 0;
    left: -230px;
    height: 100%;
    width: 220px;
    overflow-x: hidden;
    overflow-y: scroll;
  }

#ottera-embed.epg-pos-left .ottera--epg {
    display: block;
    margin: 0 0 1em;
  }

#ottera-embed.epg-pos-top {
    margin-top: 200px;
    position: relative;
  }

#ottera-embed.epg-pos-top #ottera-linear-epg--rail {
    display: block;
    position: absolute;
    height: 200px;
    top: -200px;
  }
  </style>

// set to false or remove entirely to hide EPG
      epg: 'bottom', // defaults to 'bottom'; also 'top', 'left', and 'right'
  
      // optional settings
      /*
      // if embedding on a different website,
      // update to partner set in your OTTera Dashboard
      partner: 'internal',

// player features
      auto_play: {
        desktop: true,
        mobile: true
      },
      mute: true, // if either auto play is turned on, mute must also be turned on
      enable_floating: true,

// Player will initially load this bitrate.
      // Lower is better for cellular, higher on fast WiFi connection
      preferred_bitrate: 1500,

// Maximum bitrate video flavor included in player
      // 3000 will include 720p, 5000 will include 1080p
      max_bitrate: 2500,

// If embedding linear video, set this to force preroll advertising
      preroll: 1,

// If using OTTera API for authentication, pass auth_token
      auth_token: 'xxxxx-xxxxxx-xxxxx-xxxxx',

// if you have the HTML IDs of these items, include them here
      containerId: 'ottera-embed',
      playerId: 'video_player'
      */
    }
  }

window.addEventListener('message', function(event) {
    if (event.origin !== window.location.origin || !event.data.name) {
      return;
    }

if (event.data.name === 'ottera_jslib_loaded') {
      OTTera.getLanguage();
    }

if (event.data.name === 'ottera_initialized') {
      OTTera.embedAuthenticatedPlayer(OTTeraEmbed.settings);
    }
  });
</script>

Click to copy Iframe

Iframe

Display Name

Estrella News

Short Description

Estrella News es el único canal digital 24/7 en español que ofrece lo más relevante del acontecer.

Long Description

Estrella News es el único canal digital 24/7 en español que ofrece lo más relevante del acontecer para la comunidad hispana e incluye noticias locales, nacionales, de entretenimiento y deportes.