Excursion project

Projects
1

I am currently working on the excursion project. So far I have been able to match up to the redline mock on the desktop version of the site in internet explorer. The video does not play and loop in my chrome browser. I have also been trying to get the page to view and function properly on my cell phone but have been unsuccessful thus far. I am asking for some assistance in the following areas:

  1. how would I get the vid to play on chrome and my iphone

  2. How can I scale everything to display teh same way from my phone

Here is a link to my github repository:

Here is a link to the published site:

https://vernonsyncere.github.io/excursion.github.io/

Thank you for your help.

2

add muted to your opening video tag and it should work.

12 Likes
3

I had the same issue and this solution worked for me.

Thank you :slight_smile:

1 Like
4

Added muted and it had no effect. Video still won’t activate.

<video muted>
            <source src="resources/video/excursion.mp4" type="video/mp4">
                Video not supported
 </video>
5

Check out my excursion project!

Use this link to check it out!

Bugs

  • random Excursion at top of page
  • video doesn’t play automatically even though the autoplay attribute is included
Any ideas/solutions you have are greatly appreciated!
6

This ended up solving the problem for me. Including muted in the tag made the video play. Wouldn’t play without it. Which made absolutely no sense to me. However, I did find this in case anyone else was curious:

Blockquote

o what is the impact of this:

  • If a video with no sound is played programmatically it must be muted first. Therefore if a dynamic video is added to the page you must explicitly set video.muted = true after it is added to the DOM (or right before you play it).

https://stackoverflow.com/questions/14111917/html5-video-muted-but-still-playing

1 Like
7

You need to add autoplay and loop to your video too in order for the browser to autoplay it in a loop:

<video src="YOUR PATH" autoplay loop muted>Video not supported</video>
1 Like
8

I had the same issue and this worked for me too! Thanks :slightly_smiling_face:

9

Thank you so much for this tip! I have been working on getting the video playing for hours. :smiling_face:

Nga mihi,

Liz

1 Like
12