HTML5 Responsive Autoplay Video Code Snippet
In order to make your HTML5 video responsive you will need to add the following CSS style properties: width: 100%, and max-height: 100%.
|
1 2 3 4 5 |
<video style="width: 100%; max-height: 100%;" autoplay="autoplay" width="300" height="150"> <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4" /> Your browser does not support the video tag.</video> |
Category: Code Snippets
Hide WordPress Content Editor Panel Using ACF
Add the code snippet below into your functions.php file to hide the default WordPress content meta box. Source
Category: Code Snippets
What does Bootstrap 4 data-toggle=”dropdown” do?
Have you ever noticed data-toggle=”dropdown” in Bootstrap 4 dropdown code sections and wondered what this does? Bootstrap includes a CSS stylesheet and JS full of functions to add click behaviors and interactivity. Instead of having you write custom javascript to initialize these functions, it searches the page for any elements that contain certain data attributes…. Read more »
Category: Common Questions
How do I design and build a website?
Building a website is one of the greatest experiences. It is a convergence of creativity, technology, and service. So congratulations on embarking on the journey. Below is a very high level look at the 3 major steps. If you have questions, please let me know. Table of Contents CreativityTechnologyServiceSummary Creativity Before you start building you… Read more »
Category: Common Questions
How to Remove the Border Around a HubSpot Email Template
HubSpot provides the ability to change common styling used in your email and landing page templates inside your account settings area. But what if you want to have an email template that looks different from your default templates? In this case, you need to override your default settings with your template specific settings. So you… Read more »
Category: Common Questions
3 Ways to Save Money on Google Ads Display Campaigns
On average, website visitors stay on your site for 15 seconds or less. Remarketing ads give you an opportunity to remind past visitors of pages you want them to see in hopes of continuing the conversation. In running Google Display campaigns I have found some common default settings that can waste a lot of money… Read more »
Category: Articles
How to Review a HubSpot Marketplace Template
Here are the steps to review a template in the HubSpot Marketplace Go to the HubSpot Marketplace Click on the Purchased tab Hover over the row of the template you would like to review and click the Actions button Click on Write a review Enter your review with a max of 300 characters and choose… Read more »
Category: Common Questions
What Is the Best Way to Learn Web Development?
Table of Contents Learning Web Development is Like Learning How to PaintThe same is true with learning web development and responsive designWant to learn how to build responsive layouts with Bootstrap 4? Learning Web Development is Like Learning How to Paint Let’s say you wanted to become a painter. Where would you start? How… Read more »
Category: Articles
Web Hosting Options and What I Recommend
It can be hard finding a good web hosting company. I have used some good ones and some really bad ones. Below are my recommendations based on the following criteria. Provide quality customer support Based in the USA. I want my server to be in the same country as my audience to improve the speed… Read more »
Category: Common Questions
What is Visual Hierarchy in Web Design and Why is it Important?
When designing a page layout it is important to consider the overall visual hierarchy of the page. In other words, what grabs your eye first, second, third? What are the goals of the page and how can you make those goals easier to achieve? Your design can use size, color, position, and proximity to define… Read more »
Category: Articles
