Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Using Video in Web Design

Featured Replies

I'm trying to create a homepage where a static image (first frame of the video) will take up the composition, and when the cursor is hovered over a button in the menu it will loop it's corresponding video sequence until the cursor is off the button.

 

So if I had an image of a 3D room, and then I hovered over a button, the image is replaced/overlaid with a video of shapes will appear into the identical 3D room in the image.

 

I've no idea which are the best methods to use but I would have some sort of idea using Flash. I'm aware of basic flash movie clips and using the timeline in the 'Over 'element of a button, but unsure if this is the best method when using larger and higher resolution videos (although will be around 5-10 seconds long each). We are meant to be using HTML, Java and Processing, so if I am able to incorporate these languages into my plan then that would be brilliant.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.