how to display media in html
### How to display Media with html ###
_______________________________________________________________________________________
_________________________________________________________________________________________
### Image(s) ###
### You can easily add a img with this line of code :
<img src="Type here the location of your picture" />
### But you can also add a style to it like this :
<img src="Type here the location of your picture" class="type here the name of your style" />
### If you don't know how to make a style? i will be maybe uploading a tutorial on it later
### If you want to keep it easy and not add a style you can also add details in the command itself
### like this :
<img src="Type here the location of your picture" width="type here a amount of pixels" />
### if you really want to customize it than i would recommend using a style
## Here is an example i made:
<img src="src/picture_beach.jpg" class="pictures" />
________________________________________________________________________________________
### Video(s) ###
### adding video(s) is somewhat more complicated than adding image(s) here is the basic way :
<video controls>
<source src="Type here the location of your video" />
</video>
### To video(s) you can also add a style like this :
<video controls class="Type here the name of Your style">
<source src="Type here the location of your video" />
</video>
### If you don't know how to make a style? i will be maybe uploading a tutorial on it later
### you can also customize the video without using a style easily
<video controls autoplay poster="Type here the location of a picture for a thumbnail if you don't want one than don't put poster here">
<source src="Type here the location of your video" />
</video>
### If you want to autoplay the video than type autoplay where i put it. If you don't want autoplay just don't put it there
## Here is an example i made:
<video controls autoplay poster="/img/beach.png">
<source src="/video/sea.mp4" />
</video>
_______________________________________________________________________________________
### Audio(s) ###
### Adding a audio file is almost the same as adding a video file here is the basic code line :
<audio controls >
<source src="Type here the location of your audio" />
</audio>
### just like adding a style to video(s) its done like this :
<audio controls class="The name of your style" >
<source src="The location of your audio" />
</audio>
### If you don't know how to make a style? i will be maybe uploading a tutorial on it later
### You can customize the audio if you don't want to use a style very easy
<audio controls autoplay loop preload="" >
<source src="The location of your audio" />
</audio>
### "autoplay" = It will play automaticly when you go to the html page
### "loop" = If you add this the file will never stop playing. when it ends it will start over again
### "preload" = You have 3 types of preloading. 1="auto" It will automaticly load. 2="metadata" It will load before the metadata. 3="none" It will just load
### like it normaly does
### You can also add above or under the line <source> the words: "Your Browser does Not support This music File. Please Try another browser"
### You just have to add the text nothing else and it will display when the audio file can't load.
## here is an example i made:
<audio controls autoplay loop preload="metadata" >
<source src="/audio/audiofile3904.mp3" />
Your Browser does Not support This music File. Please Try another Browser
</audio>
_______________________________________________________________________________________
# If this code helped you please leave a like on it. If you want to see more of this follow me
# Or just take a look at another answer of my answers
#
# THIS CODE HAS BEEN MADE BY : Vast Vicuña