Muse 2018.0 Tablet and Phone Embedded Video Not Loading

[awbrown66]

The videos work properly on Desktop, but not on tablet or phone.

I have this embedded HTML:

<video width="290" height="230" controls>

<source src="assets/MY_VIDEO.mp4" type="video/mp4">
<source src="assets/MY_VIDEO.webm" type="video/webm">

Video Error.</video>

It's on my alternate tablet and phone layout, and I've added the videos .mp4 and .webm  via "File>Add Files for Upload" and they are showing in the assets.

When previewed in different browsers directly from Muse or online after upload, the video area is black with "Invalid Source."

View online at:

https://www.infinitycare.org/tablet/custom-five-star-plans  for tablet

https://www.infinitycare.org/phone/custom-five-star-plans  for phone

I've found very little online about this issue, any help would be appreciated.

[touficnabi · Accepted solution]

I can't access the links you have provided.

Here is the problem: you have added the video for Desktop version.

the folder "Assets" lives in the root directory and its working with the files in the root directory (desktop)

but when you are inserting the same codes 'src="assets/video.mp4"' the code is looking for the video in the 'phone' / 'tablet' folder.

Solution:

In the phone and tablet layout add this code instead

<video width="290" height="230" controls>

<source src=“../assets/MY_VIDEO.mp4" type="video/mp4">

<source src=“../assets/MY_VIDEO.webm" type="video/webm">

Video Error.</video>

<source src=“../assets/MY_VIDEO.mp4" type="video/mp4">
<source src=“../assets/MY_VIDEO.webm" type="video/webm">

.. before assets means 'previous folder' so the code will jump one step to go to the root directory and look for assets then the video inside of it.

Hope this helps.

Toufic Nabi

[awbrown66]

Thanks for the reply, Toufic! I also tried this method before, but it still couldn't seem to find the videos. I decided to post the videos on you tube and embed them for now.