Responsive video inside bootstrap modal. Also includes play/pause once user clicks on the trigger or close button.
A Pen by Angel Centeno on CodePen.
captproton captproton
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg xmlns="http://www.w3.org/2000/svg" | |
| xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" style="display:none;"> | |
| <defs> | |
| <symbol id="compass" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1067.7 1059.11"> | |
| <defs> | |
| </defs> | |
| <circle class="cls-1" cx="535.81" cy="528.4" r="180.08"/> | |
| <text class="cls-2" transform="translate(130.37 551.16)">W</text> | |
| <text class="cls-2" transform="translate(505.35 155.28)">N</text> |
captproton
/ bootstrap-video-modal-popup.markdown
Last active
November 22, 2020 22:14
Bootstrap Video Modal Popup
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <video controls crossorigin playsinline poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" id="player"> | |
| <!-- Video files --> | |
| <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" type="video/mp4" size="576"> | |
| <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4" type="video/mp4" size="720"> | |
| <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4" type="video/mp4" size="1080"> | |
| <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1440p.mp4" type="video/mp4" size="1440"> | |
| <!-- Caption files --> | |
| <track kind="captions" label="English" srclang="en" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt" |
A Pen by Carl Tanner on CodePen.
captproton
/ DirectUpload.vue
Last active
August 2, 2020 19:12
— forked from zealot128/DirectUpload.vue
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template lang='pug'> | |
| div.drop-zone(:class='{dragging: isDragging }' | |
| @dragover.prevent='dragover' | |
| @dragenter.prevent='dragover' | |
| @drop.prevent.stop='onDrop' | |
| @dragleave.prevent='dragleave') | |
| div(:class='{ hidden: uploadInProgress }' @click='openFileBrowser') | |
| slot | |
| i {{label}} | |
| input(type='file' :multiple='multiple' ref='input' style='display: none') |
captproton
/ horizontal-scrolling-css-grid.markdown
Created
April 21, 2019 15:41
Horizontal Scrolling CSS Grid
Horizontally scrolling CSS Grid maintaining block order with a top-bottom, left to right placement.
A Pen by Carl Tanner on CodePen.
captproton
/ gist:3db5bfe2b93d76d7a6d17117c3e5a389
Created
August 11, 2018 17:16
ERROR: solidus deploy with Heroku button
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| -----> Ruby app detected | |
| -----> Compiling Ruby/Rails | |
| Compiling solidus | |
| WARNING: You don't have /app/.gem/ruby/2.3.0/bin in your PATH, | |
| gem executables will not run. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <h1>jQuery UI autocomplete for Bootstrap</h1> | |
| <p>Demo version with local data.</p> | |
| <div class="row"> | |
| <div class="col-xs-7"> | |
| <div class="form-group"> | |
| <label for="ac-demo" class="control-label">Autocomplete demo</label> | |
| <input class="form-control bs-autocomplete" id="ac-demo" value="" placeholder="Type the first two characters of a city name..." type="text" data-source="demo_source.php" data-hidden_field_id="city-code" data-item_id="id" data-item_label="cityName" autocomplete="off"> | |
| </div> | |
| </div> |
captproton
/ gist:c00d23e8fdb18394079917674535f578
Created
April 6, 2017 15:15
bluemix talking car demo failure log
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| IBM Bluemix DevOps ServicesDASHBOARDMY PROJECTSEXPLOREHELPBLOGCOMMUNITYProfile | |
| Private Project | |
| secondstar | |
| | | |
| car-dashboard-secondstar-84 | |
| EDIT CODETRACK & PLANBUILD & DEPLOYSettings | |
| Back to Pipeline | |
| Stage History | |
| Deploy StageCONFIGURERUN |
captproton
/ data.html.cssselect.xml
Last active
July 14, 2016 04:42
— forked from cheeaun/data.html.cssselect.xml
Updated version of data.html.cssselect Open Data Table for YQL
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?xml version="1.0" encoding="UTF-8" ?> | |
| <table xmlns="http://query.yahooapis.com/v1/schema/table.xsd"> | |
| <meta> | |
| <sampleQuery>select * from {table} where url="www.yahoo.com" and css="#news a"</sampleQuery> | |
| </meta> | |
| <bindings> | |
| <select itemPath="" produces="XML"> | |
| <urls> | |
| <url></url> |