Increase Video Speed Html5

how to set video speed html /* play video twice as fast */ document.querySelector(‘video’).defaultPlaybackRate = 2.0; document.querySelector(‘video’).play(); /* now play three times as fast just for the heck of it */ document.querySelector(‘video’).playbackRate = 3.0; Source: stackoverflow.com increase video speed html5 document.querySelector(‘video’).playbackRate = 1.25; Source:stackoverflow.com increase playback speed stack overflow javascript:document.getElementsByClassName(“video-stream html5-main-video”)[0].playbackRate = 0.1; Source: stackoverflow.com

Disable Autocomplete On Input

turn off autocomplete input html <form method=”post” action=”/post/” autocomplete=”off”> <!– The entire form has autocomplete disabled. –> </form> <!– or you turn it off for just one input –> <input type=”text” autocomplete=”off”> disable browser autocomplete <form method=”post” action=”/form” autocomplete=”off”> […] </form> Source:developer.mozilla.org disable autocomplete on input <form autocomplete=”off” method=”post” action=””> <input autocomplete=”false” name=”hidden” type=”text” style=”display:none;”> … Read more

Desable Autocomplete Hatml

desable autocomplete hatml <form autocomplete=”off” method=”post” action=””> <input autocomplete=”false” name=”hidden” type=”text” style=”display:none;”> … Source: gist.github.com

Disable Form Input Autocomplete

turn off autocomplete input html <form method=”post” action=”/post/” autocomplete=”off”> <!– The entire form has autocomplete disabled. –> </form> <!– or you turn it off for just one input –> <input type=”text” autocomplete=”off”> disable form input autocomplete <form autocomplete=”off” method=”post” action=””> <input autocomplete=”false” name=”hidden” type=”text” style=”display:none;”> … Source: gist.github.com

Input Width Autosize

input width autosize <input id=”txt” type=”text” onkeypress=”this.style.width = (this.value.length + 1) + ’em’;”> Source:stackoverflow.com autosize input css onkeypress=”this.style.width = (this.value.length + 1) + ’em’;”

Euro Html

html euro symbol Sign Name code Decimal code Description $ $ dollar € € € euro £ £ £ pound ¥ ¥ ¥ yen / yuan ¢ ¢ ¢ cent euro html € –> € www.deopp.it @ncl.a  

DOCType

DOCtype <!DOCTYPE html> <html lang=”en”> <head> <meta charset=UTF-8> <title>Hello World!</title> </head> <body> </body> </html> Source:developer.mozilla.org doctype <!DOCTYPE html> This tag shows that it is running HTML5

Html Vedio

html vedio <video width=”320″ height=”240″ controls> <source src=”movie.mp4″ type=”video/mp4″> <source src=”movie.ogg” type=”video/ogg”> Your browser does not support the video tag. </video> 0 html5 video player <video width=”320″ height=”240″ controls> <source src=”movie.mp4″ type=”video/mp4″> <source src=”movie.ogg” type=”video/ogg”> Your browser does not support the video tag. <!– Text to be shown incase browser doesnt support html5 –> </video>

Input Decimal Html

input decimal html <input type=”number” class=”form-control” required name=”balance” min=”0″ value=”0″ step=”any”/>

Iframe Maps

iframe maps <iframe width=”560″ height=”315″ src=”https://maps.google.com/maps?width=100%25&height=600&hl=en&q=Rosemont+(My%20Business%20Name)&t=&z=14&ie=UTF8&iwloc=B&output=embed” frameborder=”0″ allowfullscreen></iframe> <!–USE THIS WEBSITE TO GENERATE YOUR SOURCE GOOGLEMAP LOCATION: https://www.maps.ie/create-google-map/ or Google Maps in the option SHARE–>

Html Structure

html structure <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> html <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>HTML basics</title> </head> <body> </body> </html>    

How To Make A Yourbue Icon In Html

how to make a yourbue icon in html <!DOCTYPE html> <html> <head> <title>Font Awesome Icons</title> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”> </head> <body> <h1>fa fa-youtube-play</h1> <i class=”fa fa-youtube-play”></i> <i class=”fa fa-youtube-play” style=”font-size:24px”></i> <i class=”fa fa-youtube-play” style=”font-size:36px”></i> <i class=”fa fa-youtube-play” style=”font-size:48px;color:red”></i> <br> <p>Used on a button:</p> <button style=”font-size:24px”>Button <i class=”fa fa-youtube-play”></i></button> <p>Unicode:</p> <i style=”font-size:24px” class=”fa”></i> … Read more

Image In Html Not Responsive

responsive image in css .responsive_img { width: 100%; height: auto; object-fit: cover; /* Prevent the image from stretching. So it crops the image to prevent from awkward stretching */ } image in html not responsive <style> #imgx img { float:left; margin:2px; border-radius:7px; display: block; max-width:100%; height:auto; width:100%; } </style> <div id=”imgx” class=”col-xs-12 col-sm-12″ style=”padding-bottom:5px;”> <?php … Read more

Details Balise

details balise <details>   <summary>details</summary>   <p> pcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events. </p> </details>

Html Button With Action Link

html button with action link <input type=”button” class=”btn btn-info” value=”Let’s Go!” onclick=”location.href=’@Url.Action(“Action”, “Controller”)'” /> Source: stackoverflow.com

Selenium Python Get Innerhtml

selenium python get innerhtml element = driver.find_element_by_xpath(‘//*’) element = element.get_attribute(‘innerHTML’) python selenium get html content element.get_attribute(‘innerHTML’)

Minmax Length Password

minmax length password <label for=”password”>Password:</label> <input id=”password” type=”password” pattern=”.{5,10}” required title=”5 to 10 characters”> Source: stackoverflow.com

How To Call A Function As Soon As A Page Loads Javascript

how to call a function as soon as a page loads javascript <body onload=”yourFunction()”> </body> call a function when page is loaded <script src=”js/jquery-1.11.0.min.js” type=”text/javascript”></script> <script type=”text/javascript”> $(document).ready(function () { yourFunction(); }); function yourFunction(){ //some code } </script> Source: stackoverflow.com

Play Audio On Click Javascript

play sound javascript var audio = new Audio(“folder_name/audio_file.mp3”); audio.play(); javascript play sound onclick var audio = new Audio(“soundfile.wav”); document.onclick = function() { audio.play(); } play sound in javascript <script> function play() { var audio = new Audio(‘https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3’); audio.play(); } </script> <button onclick-“play();”>PLAY MY AUDIO</button> Source: stackoverflow.com play audio on click javascript <button onclick=”playSound()”>Play</button> <script> let playSound … Read more

Sound On Click Javascript

javascript click sound <audio id=”audio” src=”http://www.soundjay.com/button/beep-07.wav” autoplay=”false” ></audio> <a onclick=”playSound();”> Play</a> <script> function playSound() { var sound = document.getElementById(“audio”); sound.play(); } </script> Source:stackoverflow.com javascript play sound onclick var audio = new Audio(“soundfile.wav”); document.onclick = function() { audio.play(); } sound on click javascript <button onclick=”playSound()”>Play</button> <script> let playSound = () => new Audio(“src.mp3”).play(); </scirpt> Source: stackoverflow.com   … Read more

Sound On Click

sound on click <button onclick=”playSound()”>Play</button> <script> let playSound = () => new Audio(“src.mp3”).play(); </scirpt>   Source: stackoverflow.com  

Js On Page Finished Loading

js on page finished loading window.addEventListener(‘load’, function () { alert(“It’s loaded!”) }) execute javascript when page finished loading window.addEventListener(‘load’, function () { alert(“page loaded!”) }) Source: stackoverflow.com

Html Get Redirect To Another Page On Load

html get redirect to another page on load <!DOCTYPE html> <html> <head> <title>HTML Meta Tag</title> <meta http-equiv = “refresh” content = “2; url = https://www.tutorialspoint.com” /> </head> <body> <p>Hello HTML5!</p> </body> </html>

Add Border To A Div

make border to div border: 2px solid black Source:stackoverflow.com add border to a div <div style=”border:1px solid black;”>Hello world</div>