html < video > tag youtube src | html5 < video > tag youtube

 HTML video tag youtube src | HTML5 video tag youtube


Step 1 : Upload the video to YouTube


Step 2 : Take a note of the video id


Step 3 : Define an <iframe> element in your web page


Step 4 : Let the src attribute point to the video URL


Steps 5: Use the width and height attributes

 to specify the dimension of the player


Step 6: Add any other parameters to the URL


Example : 

<html>

<body>

<iframe width="420" height="315"

src="https://www.youtube.com/embed/tgbNymZ7vqY">

</iframe>

</body>

</html>

Comments

Post a Comment

Last 7 Days

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

Smart contract code for Anyone can send coins to each other without a need for registering with a username and password with help of Ethereum keypair

Smart contract code for Anyone can send coins to each other without a need for registering with a username and password with help of Ethereum keypair The contract allows only its creator to create new coins (different issuance schemes are possible). Anyone can send coins to each other without a need for registering with a username and password, all you need is an Ethereum keypair.  // SPDX-License-Identifier: GPL-3.0 pragma solidity ^0.8.4; contract Coin {     // The keyword "public" makes variables     // accessible from other contracts     address public minter;     mapping (address => uint) public balances;     // Events allow clients to react to specific     // contract changes you declare     event Sent(address from, address to, uint amount);     // Constructor code is only run when the contract     // is created     constructor() {         minter = msg.se...
Read more

How to use referrerpolicy Attribute value (strict-origin ) with < iframe > tag in HTML ? with example

 How to use referrerpolicy Attribute value (strict-origin ) with < iframe > tag in HTML ? with example  Referrerpolicy Attribute value (strict-origin )  Only send referrer info if the security level is the same (e.g. HTTPS to HTTPS). Do not send to a less secure destination (e.g. HTTPS to HTTP). Example <html> <body> <h1>The iframe referrerpolicy attribute Example</h1> <iframe src ="https://tech.thinkforu.org"  referrerpolicy=" strict-origin "> </iframe> </body> </html>
Read more

How to use enum in Solidity programming langauge ?

How to use enum in Solidity programming langauge ? pragma solidity ^0.5.0; contract test {    enum FreshJuiceSize{ SMALL, MEDIUM, LARGE }    FreshJuiceSize choice;    FreshJuiceSize constant defaultChoice = FreshJuiceSize.MEDIUM;    function setLarge() public {       choice = FreshJuiceSize.LARGE;    }    function getChoice() public view returns (FreshJuiceSize) {       return choice;    }    function getDefaultChoice() public pure returns (uint) {       return uint(defaultChoice);    } }
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 string in Solidity programming language ?

How to use string in Solidity programming language ?  pragma solidity ^0.5.0; contract SolidityTest {       constructor() public{           }    function getResult() public view returns(string memory){       uint a = 1;        uint b = 2;       uint result = a + b;       return integerToString(result);     }    function integerToString(uint _i) internal pure        returns (string memory) {              if (_i == 0) {          return "0";       }       uint j = _i;       uint len;              while (j != 0) {          len++;          j /= 10;       }       bytes memory bstr = new bytes(len);  ...
Read more