How to use < Video > tag with poster attribute in HTML ? with example

 How to use < Video > tag with poster attribute in HTML ? with example

 

The poster attribute specifies an image to be 

shown while the video is downloading.


Example:

<html>

<body>


<video width="320" height="240"

 poster="/image/techthinkforu_tech.png" controls>

   <source src="tech.mp4" type="video/mp4">


</video>

</body>

</html>

Comments

Post a Comment

Last 7 Days

css for code blocks

css for code blocks // html code for blocks   <div class="au-grid">   <div class="container"> <div class="row">     <ul class="au-card-list au-card-list--matchheight">         <li class="col-sm-3 col-xs-6">             <div class="au-card au-body">             <div class="au-card__inner">                 <div class="au-card__title">                     <h3 class="au-card__title">Card 1</h3>                 </div>                 <p>Some text</p>             </div>         </div>         </li>         <li class="col-sm-3 col-xs-6"...
Read more

How use valign in HTML?

 How use valign in HTML? HTML valign attribute supports col,  colgroup,  tbody,  td,  tfoot,  th,  thead,  tr elements.    How to write valign in html <ElementName valign="value" >.....</ElementName> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Example of HTML valign attribute with td element </title> </head> <body> <table width="200" border="1" cellpadding="2"> <tr> <th valign="middle" >Student Code </th> <th valign="middle">Percentage of marks</th> <th valign="middle">Grade</th> <th valign="middle">Remarks</th> </tr> <tr> <td valign="baseline">S001</td> <td valign="baseline">92</td> <td valign="baseline">A+</td> <td valign="baseline"...
Read more

How to use autoplay and mute attribute with < video > tag in HTML for youtube ? with example

 How to use autoplay and mute attribute with < video > tag in HTML for youtube ? with example  When you add or use autoplay attribute for your website development by adding value autoplay =1 to the YouTube URL.then video is automatically started when any unknown or unique visitor are visiting in your website . However, automatically starting a video is annoying for your visitors <html> <body> <iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY? autoplay=1&mute=1 "> </iframe> </body> </html> When you apply both attribute with YouTube URL then Here is the effect after giving value to both of the attribute mute and Autoplay . Add mute =1 after autoplay =1 to let your video start playing automatically (but muted). Example  <iframe width="560" height="315"  src="https://www.youtube.com/embed/2jg1bJQaYjg" autoplay=1 & mute=1 "   title="You...
Read more

How to use referrerpolicy Attribute value ( no-referrer-when-downgrade ) with < iframe > tag in HTML ? with example

How to use referrerpolicy Attribute value ( no-referrer-when-downgrade ) with < iframe > tag in HTML ? with example Referrerpolicy Attribute value ( no-referrer-when-downgrade )    in iframe Default. The referrer header will not be sent to origins without HTTPS. Example <html> <body> <h1>The iframe referrerpolicy attribute Example</h1> <iframe src="https://www.tech.thinkforu.org/"   referrerpolicy="  no-referrer-when-downgrade  "> </iframe> </body> </html>
Read more

How to use sandbox attribute value ( allow-scripts ) with < iframe > tag in HTML ? with example

 How to use sandbox attribute value ( allow-scripts ) with < iframe >  tag in HTML ? with example   Sandbox attribute value ( allow-scripts )    Allows to run  scripts Try removing the sandbox attribute  value, or changing it. Example <html> <body> <h1> Sandbox attribute Example</h1> <iframe src="demotech.thinkforu.org"  sandbox="allow-scripts"> </iframe> </body> </html>
Read more

What is img scr or image scr or scr img ?

What is img scr or image scr or scr img ? If you are type image scr and img scr in google or any  search engine then  result you got  < img src > or image src    Actually By mistake you type Img scr and Image scr in the  place of img src and image src sometime  Web Developer  and  beginner  who start learning HTML by mistake  he/she type wrong letter.  Actually,you are searching for Img src or Image src which is used in HTML for defining specific path of the particular image which you want to use in your HTML  Here is the syntax of Img src or Image src in HTML <img src ="URL ">
Read more

what is solidity programming language ?

What is solidity programming language ?  Solidity is a contract-oriented, high-level programming language for implementing smart contracts. Solidity is highly influenced by C++, Python and JavaScript and has been designed to target the Ethereum Virtual Machine (EVM). Solidity is statically typed, supports inheritance, libraries and complex user-defined types programming language. You can use Solidity to create contracts for uses such as voting, crowdfunding, blind auctions, and multi-signature wallets. When deploying contracts, you should use the latest released version of Solidity. Apart from exceptional cases, only the latest version receives security fixes. Furthermore, breaking changes as well as new features are introduced regularly. We currently use a 0.y.z version number to indicate this fast pace of change. A Simple Smart Contract example  // SPDX-License-Identifier: GPL-3.0 pragma solidity >=0.4.16 <0.9.0; contract SimpleStorage {     uint storedData; ...
Read more

How to use comments in Solidity programming language ?

 How to use comments in Solidity programming language ?  function getResult() public view returns(uint) {    // This is a comment. It is similar to comments in C++    /*       * This is a multi-line comment in solidity       * It is very similar to comments in C Programming    */    uint a = 1;    uint b = 2;    uint result = a + b;    return result; }
Read more

How to write html code for email signature ?

 How to write html code for email signature ? <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head>     <meta charset="utf-8"> <!-- utf-8 works for most cases -->     <meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->     <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->     <meta name="x-apple-disable-message-reformatting">  <!-- Disable auto-scale in iOS 10 Mail entirely -->     <title></title> <!-- The title tag shows in email notifications, like Android 4.4. -->     <!-- Web Font / @font-face : BEGIN -->     <!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely rem...
Read more