Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="image itemGallery ">
- <div class="video-js vjs-default-skin vjs-big-play-centered vjs-fluid vjs-gallery vjs-paused video313162-dimensions vjs-controls-enabled vjs-workinghover vjs-user-active" id="video313162" role="region" aria-label="video player">
- <video id="video313162_html5_api" class="vjs-tech" src="blob:https://www.diariopopular.com.ar/4e942413-9008-4218-815e-92f30f7533fc"></video>
- <div></div>
- <div class="vjs-poster" tabindex="-1" aria-disabled="false" style="background-image: url("https://media.diariopopular.com.ar/adjuntos/143/videos/004/930/0004930457.jpg");"></div>
- <div class="vjs-text-track-display" aria-live="off" aria-atomic="true"></div>
- <div class="vjs-loading-spinner" dir="ltr"></div>
- <button class="vjs-big-play-button" type="button" aria-live="polite" title="Play Video" aria-disabled="false"><span class="vjs-control-text">Play Video</span></button>
- <div class="vjs-control-bar" dir="ltr" role="group">
- <button class="vjs-play-control vjs-control vjs-button" type="button" aria-live="polite" title="Play" aria-disabled="false"><span class="vjs-control-text">Play</span></button>
- <div class="vjs-volume-menu-button vjs-menu-button vjs-menu-button-inline vjs-control vjs-button vjs-volume-menu-button-horizontal vjs-vol-3" tabindex="0" role="button" aria-live="polite" title="Mute" aria-disabled="false">
- <div class="vjs-menu">
- <div class="vjs-menu-content">
- <div tabindex="0" class="vjs-volume-bar vjs-slider-bar vjs-slider vjs-slider-horizontal" role="slider" aria-valuenow="100.00" aria-valuemin="0" aria-valuemax="100" aria-label="volume level" aria-valuetext="100.00%">
- <div class="vjs-volume-level"><span class="vjs-control-text"></span></div>
- </div>
- </div>
- </div>
- <span class="vjs-control-text">Mute</span>
- </div>
- <div class="vjs-current-time vjs-time-control vjs-control">
- <div class="vjs-current-time-display" aria-live="off"><span class="vjs-control-text">Current Time </span>0:00</div>
- </div>
- <div class="vjs-time-control vjs-time-divider">
- <div><span>/</span></div>
- </div>
- <div class="vjs-duration vjs-time-control vjs-control">
- <div class="vjs-duration-display" aria-live="off"><span class="vjs-control-text">Duration Time</span> 1:26</div>
- </div>
- <div class="vjs-progress-control vjs-control">
- <div tabindex="0" class="vjs-progress-holder vjs-slider vjs-slider-horizontal" role="slider" aria-valuenow="NaN" aria-valuemin="0" aria-valuemax="100" aria-label="progress bar" aria-valuetext="0:00">
- <div class="vjs-load-progress" style="width: 13.8876%;">
- <span class="vjs-control-text"><span>Loaded</span>: 0%</span>
- <div style="left: 0.26352%; width: 99.7365%;"></div>
- </div>
- <div class="vjs-mouse-display" data-current-time="0:00" style="left: 0px;"></div>
- <div class="vjs-play-progress vjs-slider-bar" data-current-time="0:00"><span class="vjs-control-text"><span>Progress</span>: 0%</span></div>
- </div>
- </div>
- <div class="vjs-live-control vjs-control vjs-hidden">
- <div class="vjs-live-display" aria-live="off"><span class="vjs-control-text">Stream Type</span>LIVE</div>
- </div>
- <div class="vjs-remaining-time vjs-time-control vjs-control">
- <div class="vjs-remaining-time-display" aria-live="off"><span class="vjs-control-text">Remaining Time</span> -1:26</div>
- </div>
- <div class="vjs-custom-control-spacer vjs-spacer "> </div>
- <div class="vjs-playback-rate vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden" tabindex="0" role="menuitem" aria-live="polite" title="Playback Rate" aria-disabled="false" aria-expanded="false" aria-haspopup="true">
- <div class="vjs-menu" role="presentation">
- <ul class="vjs-menu-content" role="menu"></ul>
- </div>
- <span class="vjs-control-text">Playback Rate</span>
- <div class="vjs-playback-rate-value">1</div>
- </div>
- <div class="vjs-chapters-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden" tabindex="0" role="menuitem" aria-live="polite" title="Chapters" aria-disabled="false" aria-expanded="false" aria-haspopup="true" aria-label="Chapters Menu">
- <div class="vjs-menu" role="presentation">
- <ul class="vjs-menu-content" role="menu">
- <li class="vjs-menu-title" tabindex="-1">Chapters</li>
- </ul>
- </div>
- <span class="vjs-control-text">Chapters</span>
- </div>
- <div class="vjs-descriptions-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden" tabindex="0" role="menuitem" aria-live="polite" title="Descriptions" aria-disabled="false" aria-expanded="false" aria-haspopup="true" aria-label="Descriptions Menu">
- <div class="vjs-menu" role="presentation">
- <ul class="vjs-menu-content" role="menu">
- <li class="vjs-menu-item vjs-selected" tabindex="-1" role="menuitemcheckbox" aria-live="polite" aria-disabled="false" aria-checked="true">descriptions off<span class="vjs-control-text">, selected</span></li>
- </ul>
- </div>
- <span class="vjs-control-text">Descriptions</span>
- </div>
- <div class="vjs-subtitles-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden" tabindex="0" role="menuitem" aria-live="polite" title="Subtitles" aria-disabled="false" aria-expanded="false" aria-haspopup="true" aria-label="Subtitles Menu">
- <div class="vjs-menu" role="presentation">
- <ul class="vjs-menu-content" role="menu">
- <li class="vjs-menu-item vjs-selected" tabindex="-1" role="menuitemcheckbox" aria-live="polite" aria-disabled="false" aria-checked="true">subtitles off<span class="vjs-control-text">, selected</span></li>
- </ul>
- </div>
- <span class="vjs-control-text">Subtitles</span>
- </div>
- <div class="vjs-captions-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden" tabindex="0" role="menuitem" aria-live="polite" title="Captions" aria-disabled="false" aria-expanded="false" aria-haspopup="true" aria-label="Captions Menu">
- <div class="vjs-menu" role="presentation">
- <ul class="vjs-menu-content" role="menu">
- <li class="vjs-menu-item vjs-texttrack-settings" tabindex="-1" role="menuitem" aria-live="polite" aria-disabled="false">captions settings<span class="vjs-control-text">, opens captions settings dialog</span></li>
- <li class="vjs-menu-item vjs-selected" tabindex="-1" role="menuitemcheckbox" aria-live="polite" aria-disabled="false" aria-checked="true">captions off<span class="vjs-control-text">, selected</span></li>
- </ul>
- </div>
- <span class="vjs-control-text">Captions</span>
- </div>
- <div class="vjs-audio-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden" tabindex="0" role="menuitem" aria-live="polite" title="Audio Track" aria-disabled="false" aria-expanded="false" aria-haspopup="true" aria-label="Audio Menu">
- <div class="vjs-menu" role="presentation">
- <ul class="vjs-menu-content" role="menu">
- <li class="vjs-menu-item vjs-selected" tabindex="-1" role="menuitemcheckbox" aria-live="polite" aria-disabled="false" aria-checked="true">default<span class="vjs-control-text">, selected</span></li>
- </ul>
- </div>
- <span class="vjs-control-text">Audio Track</span>
- </div>
- <button class="vjs-fullscreen-control vjs-control vjs-button" type="button" aria-live="polite" title="Fullscreen" aria-disabled="false"><span class="vjs-control-text">Fullscreen</span></button>
- </div>
- <div class="vjs-error-display vjs-modal-dialog vjs-hidden " tabindex="-1" aria-describedby="video313162_component_388_description" aria-hidden="true" aria-label="Modal Window" role="dialog">
- <p class="vjs-modal-dialog-description vjs-offscreen" id="video313162_component_388_description">This is a modal window.</p>
- <div class="vjs-modal-dialog-content" role="document"></div>
- </div>
- <div class="vjs-caption-settings vjs-modal-overlay vjs-hidden" tabindex="-1" role="dialog" aria-labelledby="TTsettingsDialogLabel-video313162_component_393" aria-describedby="TTsettingsDialogDescription-video313162_component_393">
- <div role="document">
- <div class="vjs-control-text" id="TTsettingsDialogLabel-video313162_component_393" aria-level="1" role="heading">Caption Settings Dialog</div>
- <div class="vjs-control-text" id="TTsettingsDialogDescription-video313162_component_393">Beginning of dialog window. Escape will cancel and close the window.</div>
- <div class="vjs-tracksettings">
- <div class="vjs-tracksettings-colors">
- <fieldset class="vjs-fg-color vjs-tracksetting">
- <legend>Text</legend>
- <label class="vjs-label" for="captions-foreground-color-video313162_component_393">Color</label>
- <select id="captions-foreground-color-video313162_component_393">
- <option value="#FFF">White</option>
- <option value="#000">Black</option>
- <option value="#F00">Red</option>
- <option value="#0F0">Green</option>
- <option value="#00F">Blue</option>
- <option value="#FF0">Yellow</option>
- <option value="#F0F">Magenta</option>
- <option value="#0FF">Cyan</option>
- </select>
- <span class="vjs-text-opacity vjs-opacity">
- <label class="vjs-label" for="captions-foreground-opacity-video313162_component_393">Transparency</label>
- <select id="captions-foreground-opacity-video313162_component_393">
- <option value="1">Opaque</option>
- <option value="0.5">Semi-Transparent</option>
- </select>
- </span>
- </fieldset>
- <fieldset class="vjs-bg-color vjs-tracksetting">
- <legend>Background</legend>
- <label class="vjs-label" for="captions-background-color-video313162_component_393">Color</label>
- <select id="captions-background-color-video313162_component_393">
- <option value="#000">Black</option>
- <option value="#FFF">White</option>
- <option value="#F00">Red</option>
- <option value="#0F0">Green</option>
- <option value="#00F">Blue</option>
- <option value="#FF0">Yellow</option>
- <option value="#F0F">Magenta</option>
- <option value="#0FF">Cyan</option>
- </select>
- <span class="vjs-bg-opacity vjs-opacity">
- <label class="vjs-label" for="captions-background-opacity-video313162_component_393">Transparency</label>
- <select id="captions-background-opacity-video313162_component_393">
- <option value="1">Opaque</option>
- <option value="0.5">Semi-Transparent</option>
- <option value="0">Transparent</option>
- </select>
- </span>
- </fieldset>
- <fieldset class="vjs-window-color vjs-tracksetting">
- <legend>Window</legend>
- <label class="vjs-label" for="captions-window-color-video313162_component_393">Color</label>
- <select id="captions-window-color-video313162_component_393">
- <option value="#000">Black</option>
- <option value="#FFF">White</option>
- <option value="#F00">Red</option>
- <option value="#0F0">Green</option>
- <option value="#00F">Blue</option>
- <option value="#FF0">Yellow</option>
- <option value="#F0F">Magenta</option>
- <option value="#0FF">Cyan</option>
- </select>
- <span class="vjs-window-opacity vjs-opacity">
- <label class="vjs-label" for="captions-window-opacity-video313162_component_393">Transparency</label>
- <select id="captions-window-opacity-video313162_component_393">
- <option value="0">Transparent</option>
- <option value="0.5">Semi-Transparent</option>
- <option value="1">Opaque</option>
- </select>
- </span>
- </fieldset>
- </div>
- <div class="vjs-tracksettings-font">
- <div class="vjs-font-percent vjs-tracksetting">
- <label class="vjs-label" for="captions-font-size-video313162_component_393">Font Size</label>
- <select id="captions-font-size-video313162_component_393">
- <option value="0.50">50%</option>
- <option value="0.75">75%</option>
- <option value="1.00">100%</option>
- <option value="1.25">125%</option>
- <option value="1.50">150%</option>
- <option value="1.75">175%</option>
- <option value="2.00">200%</option>
- <option value="3.00">300%</option>
- <option value="4.00">400%</option>
- </select>
- </div>
- <div class="vjs-edge-style vjs-tracksetting">
- <label class="vjs-label" for="video313162_component_393">Text Edge Style</label>
- <select id="video313162_component_393">
- <option value="none">None</option>
- <option value="raised">Raised</option>
- <option value="depressed">Depressed</option>
- <option value="uniform">Uniform</option>
- <option value="dropshadow">Dropshadow</option>
- </select>
- </div>
- <div class="vjs-font-family vjs-tracksetting">
- <label class="vjs-label" for="captions-font-family-video313162_component_393">Font Family</label>
- <select id="captions-font-family-video313162_component_393">
- <option value="proportionalSansSerif">Proportional Sans-Serif</option>
- <option value="monospaceSansSerif">Monospace Sans-Serif</option>
- <option value="proportionalSerif">Proportional Serif</option>
- <option value="monospaceSerif">Monospace Serif</option>
- <option value="casual">Casual</option>
- <option value="script">Script</option>
- <option value="small-caps">Small Caps</option>
- </select>
- </div>
- </div>
- <div class="vjs-tracksettings-controls"><button class="vjs-default-button">Defaults</button><button class="vjs-done-button">Done</button></div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript"> var $src = 'https://media.diariopopular.com.ar/adjuntos/143/videos/004/930/0004930453.m3u8';
- var type = $src.test(/youtu(\.)?be/) ? 'video/youtube' : $src.test(/\.m3u8$/) ? 'application/x-mpegURL' : 'video/mp4';
- var player313162 = videojs('video313162', {
- techOrder: ["html5", "youtube"],
- autoplay: false,
- poster: 'https://media.diariopopular.com.ar/adjuntos/143/videos/004/930/0004930457.jpg',
- youtube: { "ytControls": 2 },
- sources: [{
- type: type,
- src: $src
- }]
- });
- if(vastPreRoll && type != 'video/youtube'){
- var onInit313162 = function(){
- var options = {
- id : 'video313162',
- debug : true,
- adTagUrl : atob(vastPreRoll)
- };
- console.log(atob(vastPreRoll));
- player313162.ima(options);
- player313162.ima.requestAds();
- //jq('#video313162').children('.vjs-poster').hide();
- //jq('#video313162').children('.vjs-big-play-button').hide();
- player313162.play();
- console.log("PLAY VIEO");
- }
- player313162.one('click', onInit313162);
- player313162.one('touchend', onInit313162);
- //jq('#video313162').on('click', function() {
- // jq(this).children('.vjs-poster').hide();
- // jq(this).children('.vjs-big-play-button').hide();
- // onInit313162();
- //})
- }
- </script>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement