Chandu yadav has Published 1163 Articles

HTML5 Video Tag in Chrome - Why is currentTime ignored when video downloaded from my webserver?

Chandu yadav

Chandu yadav

Updated on 25-Jun-2020 07:52:33

447 Views

To be able to playback video from a specific time using the HTML5 video tag, try these fixes.Your web server should be capable of serving the document using byte ranges. The Google Chrome web browser want this to work. If this is not worked out, then the seeking will be ... Read More

How do I get the current AUTO_INCREMENT value for a table in MySQL?

Chandu yadav

Chandu yadav

Updated on 25-Jun-2020 07:50:02

6K+ Views

To know the current auto_increment value, we can use the last_insert_id() function. Firstly, we will create a table with the help of INSERT command.Creating a table −mysql> CREATE table AutoIncrement -> ( -> IdAuto int auto_increment, -> primary key(IdAuto) -> ); Query OK, 0 rows affected (0.59 sec)After creating a ... Read More

SELECT DISTINCT vs GROUP BY in MySQL?

Chandu yadav

Chandu yadav

Updated on 25-Jun-2020 07:47:28

4K+ Views

SELECT DISTINCT can be used to give distinct values. Use it to remove duplicate records and it can be used with aggregate function as well. For example: MAX, AVG etc. This can be applied on a single column.Now, I am creating a table to use SELECT DISTINCT for a column. ... Read More

How to choose between `window.URL.createObjectURL()` and `window.webkitURL.createObjectURL()` based on browser?

Chandu yadav

Chandu yadav

Updated on 25-Jun-2020 07:46:32

484 Views

To choose, you need to define a wrapper function −function display ( file ) {    if ( window.webkitURL ) {       return window.webkitURL.createObjectURL( file );    } else if ( window.URL && window.URL.createObjectURL ) {       return window.URL.display( file );    } else {    return null;    } }After that set it for cross-browser −var url = display( file );

How to save and restore the HTML5 Canvas states?

Chandu yadav

Chandu yadav

Updated on 25-Jun-2020 07:37:05

486 Views

HTML5 canvas provides two important methods to save and restore the canvas states.Canvas states are stored on a stack every time the save method is called, and the last saved state is returned from the stack every time the restore method is called.Sr.No.Method and Description1save()This method pushes the current state ... Read More

Perform Animation on CSS font-weight property

Chandu yadav

Chandu yadav

Updated on 25-Jun-2020 07:24:53

396 Views

To implement animation on font-weight property with CSS, you can try to run the following codeExampleLive Demo                    p {             border: 2px solid black;             width: 400px;             height: 100px;             animation: myanim 5s infinite;          }          @keyframes myanim {             70% {                font-weight: bold;             }          }                     This is demo text    

CSS flex item properties

Chandu yadav

Chandu yadav

Updated on 25-Jun-2020 07:08:45

190 Views

The following are the flex-item propertiesorderflex-growflex-shrinkflex-basisflexalign-selfLet us see an example of flex-basis propertySet the length of a flex item with the flex-basis CSS property. You can try to run the following code to implement the flex-basis propertyExampleLive Demo                    .mycontainer ... Read More

Align HTML5 SVG to the center of the screen

Chandu yadav

Chandu yadav

Updated on 25-Jun-2020 07:07:41

3K+ Views

SVG stands for Scalable Vector Graphics and it is a language for describing 2D-graphics and graphical applications in XML and the XML is then rendered by an SVG viewer.ExampleLet us see an example of SVG −                    #svgelem {   ... Read More

CSS Grid Columns

Chandu yadav

Chandu yadav

Updated on 25-Jun-2020 06:57:52

135 Views

The vertical line in the following is called Grid Columns.

Use CSS width property for a responsive video player

Chandu yadav

Chandu yadav

Updated on 25-Jun-2020 06:12:23

152 Views

To make your video player responsive, use the width property and set it to 100%ExampleLive Demo                                 video {                width: 100%;                height: auto;             }                                                         To check the effect, you need to resize the browser.    

Advertisements