Videogular - Google IMA Ads

Developer
Two Fucking Developers
Size
3,136 Kb
Views
206,448
  1. Videogular - Google IMA Ads Previews
  2. Videogular - Google IMA Ads HTML Codes
  3. Videogular - Google IMA Ads CSS Codes
  4. Videogular - Google IMA Ads JS Codes

How do I make an videogular - google ima ads?

What is a videogular - google ima ads? How do you make a videogular - google ima ads? This script and codes were developed by Two Fucking Developers on 14 October 2022, Friday.

Videogular - Google IMA Ads Previews
IQ Test

Videogular - Google IMA Ads - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Videogular - Google IMA Ads</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div ng-app="myApp">
<div ng-controller="HomeCtrl as controller" class="videogular-container">	<videogular vg-theme="controller.config.theme.url">	<vg-media vg-src="controller.config.sources" vg-tracks="controller.config.tracks">	</vg-media>	<vg-controls>	<vg-play-pause-button></vg-play-pause-button>	<vg-time-display>{{ currentTime | date:'mm:ss':'+0000' }}</vg-time-display>	<vg-scrub-bar>	<vg-scrub-bar-current-time></vg-scrub-bar-current-time>	</vg-scrub-bar>	<vg-time-display>{{ timeLeft | date:'mm:ss':'+0000' }}</vg-time-display>	<vg-volume>	<vg-mute-button></vg-mute-button>	<vg-volume-bar></vg-volume-bar>	</vg-volume>	<vg-fullscreen-button></vg-fullscreen-button>	</vg-controls>	<vg-ima-ads vg-network="controller.config.plugins.ads.network"	vg-unit-path="controller.config.plugins.ads.unitPath"	vg-companion="controller.config.plugins.ads.companion"	vg-companion-size="controller.config.plugins.ads.companionSize"	vg-ad-tag-url="controller.config.plugins.ads.adTagUrl"	vg-skip-button="controller.config.plugins.ads.skipButton">	</vg-ima-ads>	<vg-overlay-play></vg-overlay-play>	<vg-poster vg-url='controller.config.plugins.poster'></vg-poster>	</videogular>
<div id="companionAd"></div>
</div>
</div>
<script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; gads.src = 'https://www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script>
<script src="https://imasdk.googleapis.com/js/sdkloader/ima3.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-sanitize.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/videogular/videogular.js"></script>
<script src="https://unpkg.com/[email protected]/dist/controls/vg-controls.js"></script>
<script src="https://unpkg.com/[email protected]/dist/overlay-play/vg-overlay-play.js"></script>
<script src="https://unpkg.com/[email protected]/dist/poster/vg-poster.js"></script>
<script src="https://unpkg.com/[email protected]/dist/ima-ads/vg-ima-ads.js"></script> <script src="js/index.js"></script>
</body>
</html>

Videogular - Google IMA Ads - Script Codes CSS Codes

html, body {	margin: 0;	padding: 0;	overflow: hidden;
}
.videogular-container {	width: 100%;	height: 320px;	margin: auto;	overflow: hidden;
}
.videogular-container .skipButton {	position: absolute;	padding: 10px;	top: 10px;	right: 10px;	z-index: 99999;	color: white;	cursor: pointer;	background-color: #666666;	border: 2px #FFFFFF solid;	display: none;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	-ms-border-radius: 10px;	border-radius: 10px;
}
@media (min-width: 1200px) {	.videogular-container {	width: 1170px;	height: 658.125px;	}	.videogular-container.audio {	width: 1170px;	height: 50px;	}
}
@media (min-width: 992px) and (max-width: 1199px) {	.videogular-container {	width: 940px;	height: 528.75px;	}	.videogular-container.audio {	width: 940px;	height: 50px;	}
}
@media (min-width: 768px) and (max-width: 991px) {	.videogular-container {	width: 728px;	height: 409.5px;	}	.videogular-container.audio {	width: 728px;	height: 50px;	}
}

Videogular - Google IMA Ads - Script Codes JS Codes

'use strict';
angular.module('myApp',	[	"ngSanitize",	"com.2fdevs.videogular",	"com.2fdevs.videogular.plugins.controls",	"com.2fdevs.videogular.plugins.overlayplay",	"com.2fdevs.videogular.plugins.poster",	"com.2fdevs.videogular.plugins.imaads"	]	)	.controller('HomeCtrl',	["$sce", function ($sce) {	this.config = {	sources: [	{src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.mp4"), type: "video/mp4"},	{src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.webm"), type: "video/webm"},	{src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.ogg"), type: "video/ogg"}	],	tracks: [	{	src: "http://www.videogular.com/assets/subs/pale-blue-dot.vtt",	kind: "subtitles",	srclang: "en",	label: "English",	default: ""	}	],	theme: {	url: "https://unpkg.com/[email protected]/dist/themes/default/videogular.css"	},	plugins: { poster: "http://www.videogular.com/assets/images/videogular.png",	ads: {	companion: "companionAd",	companionSize: [728, 90],	network: "6062",	unitPath: "iab_vast_samples",	adTagUrl: "http://ad3.liverail.com/?LR_PUBLISHER_ID=1331&LR_CAMPAIGN_ID=229&LR_SCHEMA=vast2",	skipButton: "<div class='skipButton'>skip ad</div>"	}	}	};	}]	);
Videogular - Google IMA Ads - Script Codes
Videogular - Google IMA Ads - Script Codes
Home Page Home
Developer Two Fucking Developers
Username 2fdevs
Uploaded October 14, 2022
Rating 3
Size 3,136 Kb
Views 206,448
Do you need developer help for Videogular - Google IMA Ads?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Two Fucking Developers (2fdevs) Script Codes
Name
Videogular - Using the API in your plugins
V0.7.2 Videogular - Controls Plugin
V0.7.2 Videogular - DASH plugin
Videogular - Creating a Simple Playlist
Videogular - Controls Plugin
Videogular - Analytics Plugin
Videogular - DASH plugin
Videogular - Creating a Custom Plugin
Videogular - Creating an Audio Player
Videogular - Adding Your Custom Buttons
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!