Videogular - Simplest Example
How do I make an videogular - simplest example?
What is a videogular - simplest example? How do you make a videogular - simplest example? This script and codes were developed by Two Fucking Developers on 14 October 2022, Friday.
Videogular - Simplest Example - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Videogular - Simplest Example</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-native-controls="true"> </vg-media> </videogular>
</div>
</div>
<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="js/index.js"></script>
</body>
</html>
Videogular - Simplest Example - Script Codes CSS Codes
html, body { margin: 0; padding: 0;
}
.videogular-container { width: 100%; height: 320px; margin: auto; overflow: hidden;
}
@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; }
}
/*# sourceMappingURL=main.css.map */
Videogular - Simplest Example - Script Codes JS Codes
'use strict';
angular.module('myApp', [ "ngSanitize", "com.2fdevs.videogular" ] ) .controller('HomeCtrl', function ($sce) { this.config = { preload: "none", 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" } }; } );
Developer | Two Fucking Developers |
Username | 2fdevs |
Uploaded | October 14, 2022 |
Rating | 3 |
Size | 2,280 Kb |
Views | 28,336 |
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!
Name | Size |
Videogular - Using the API in your plugins | 2,806 Kb |
Videogular - Creating a Simple Playlist | 3,078 Kb |
Videogular - Youtube Plugin | 2,493 Kb |
Videogular - Creating a Custom Plugin | 2,893 Kb |
Videogular - Poster Plugin | 2,504 Kb |
Videogular - Adding Your Custom Buttons | 2,842 Kb |
Videogular - Using the API in your controller | 2,963 Kb |
Videogular - Creating a Custom Layer | 2,857 Kb |
V0.7.2 Videogular - Poster Plugin | 2,517 Kb |
Videogular - Buffering Plugin | 2,445 Kb |
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!
Name | Username | Size |
CSS3 Diamond | Rendro | 1,960 Kb |
GrcJS | Vino6 | 2,047 Kb |
CSS Tooltips | Darylldoyle | 2,599 Kb |
Scifi-style Interative Form | Aaronchuo | 4,566 Kb |
Lecture 1 | Law | 0 Kb |
Tail rose iris lined | Kbrtrm | 1,846 Kb |
Welcome | Nakome | 6,076 Kb |
Objects | Bonzaipenguin | 2,616 Kb |
Animated Donut Chart | Jplhomer | 3,808 Kb |
Animated Vertical CSS3 Menu Black | MaCeLMp4 | 2,750 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!