This is what the video class tag will look like when you add the play button icon center tag to the video class.Īnd this Videojs player offers three predefined classes that make it easy to maintain video element aspect ratio. Just now your video in the post will be shown in the video player and you can watch it, and the video play button icon is shown in the top left corner if you want to move it to the center, Add this tag vjs-big-play-centered to video class. And if your video format is " VIDEO.webm" then change the type in this code to " video/webm". To watch this video, please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video.īefore adding this code to your theme, replace the highlighter code " POSTER.jpg" with your custom video thumbnail URL and replace " VIDEO.mp4" with your video URL address. Īnd then add the below code before the and click the Save Theme button in the top left corner to save the changes.Īfter adding the above both codes into your blog theme, go back to the post where you want to add your video, and change the post page " Compose view" to " HTML View" and add the below code in it. Open Blogger Dashboard > Themes Menu > Click on the Three Dots and click the Edit HTML option, and then add the following code below the. How to Add Custom HTML5 Video Player to Blogger? In which he can watch this video online without downloading. Yes, if the user's browser is out of date, the HTML5 video player software will fallback to Flash to play your videos, ensuring that your videos play on almost all web browsers.įor example, if you create a video tag in HTML and put a direct link to your MP4 or webm video in it, and then when the user comes to this page, he will see a video player. HTML5 Video Player is software that plays online video in a browser and is developed on the web using JavaScript, CSS, and the HTML language, which is compatible with almost all browsers. How to Add Custom HTML5 Video Player to Blogger?.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |