MP4 On Website Won't Play On ios 17.7 Chrome or Safari

[AndyWalton]

I maintain a website - basic HTML.  I have uploaded video to be played from the webpage.  It plays fine on Win 10/11 Chrome.  Apple ios 17.7 Safari & Chrom do not play.  The MP4 file was created from Adobe Premiere Elements 2020:

Export & Share > Devices > SD480 (720 x 480).

HTML code:

<video width="720px" height="480px" controls="controls" loop>
<source src="http://www.arcolaalumni.org/DistinguishedAlumni/2024/Banquet720x480.mp4" type="video/mp4">
<br>Your browser does not support the video tag
</video>

The webpage plays another MP4 video - not generated by Premiere Elements - flawlessly in Safari & Chrome on iPad.  What Premiere Elements options should be specified to create video compatible with ios 17.7 Chrome/Safari?

[John T Smith]

MP4 is a wrapper, what is inside YOUR wrapper - Exactly what is INSIDE the video you are editing?
Report back with the codec details of your file, use the program below
Free program to get file information for PC/Mac http://mediaarea.net/en/MediaInfo/Download
- a MediaInfo tutorial https://youtu.be/Ivy9ckSX1M0
- when you analyze your file in MediaInfo and post a screen shot in the forum, do so in TREE view
- post your information IN your message, not as an attachment that someone would have to download

Compare the details of a file that plays -vs- one that doesn't play... what is different?

[AndyWalton]

I have attached a spreadsheet containing the outputs from MediaInfo for the two files; differences have been highlighted in the spreadsheet.

MediaInfo for DA2016_Binford-720x480.mp4 that WILL NOT play in iPad/iPhone.  The file was created by Adobe Premiere Elements 2020.

General
Complete name : D:\XPS8900\Public\Websites\ArcolaAlumni\DistinguishedAlumni\2016\DA2016_Binford-720x480.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42 (mp42/mp41)
File size : 291 MiB
Duration : 10 min 29 s
Overall bit rate mode : Variable
Overall bit rate : 3 878 kb/s
Frame rate : 29.970 FPS
Encoded date : 2024-04-03 14:29:08 UTC
Tagged date : 2024-04-03 14:31:37 UTC
TIM : 00:00:00:00
TSC : 30000
TSZ : 1001

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, Reference frames : 4 frames
Format settings, GOP : M=4, N=29
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 10 min 29 s
Bit rate : 3 685 kb/s
Width : 720 pixels
Height : 480 pixels
Display aspect ratio : 16:9
Original display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 29.970 (30000/1001) FPS
Standard : NTSC
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Interlaced
Scan type, store method : Separated fields
Scan order : Bottom Field First
Bits/(Pixel*Frame) : 0.356
Stream size : 276 MiB (95%)
Language : English
Encoded date : 2024-04-03 14:29:08 UTC
Tagged date : 2024-04-03 14:29:08 UTC
Color range : Limited
Color primaries : BT.601 NTSC
Transfer characteristics : BT.601
Matrix coefficients : BT.601
Codec configuration box : avcC

Audio
ID : 2
Format : AAC LC
Format/Info : Advanced Audio Codec Low Complexity
Codec ID : mp4a-40-2
Duration : 10 min 29 s
Source duration : 10 min 29 s
Bit rate mode : Variable
Bit rate : 192 kb/s
Maximum bit rate : 305 kb/s
Channel(s) : 2 channels
Channel layout : L R
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 14.2 MiB (5%)
Source stream size : 14.2 MiB (5%)
Language : English
Encoded date : 2024-04-03 14:29:08 UTC
Tagged date : 2024-04-03 14:29:08 UTC

MediaInfo for DA2016_Binford-640x480.mp4 that WILL play in iPad/iPhone.  The file was created by AnyVideoConverter from DA2016_Binford-720x480.mp4x:

General
Complete name : D:\XPS8900\Public\Websites\ArcolaAlumni\DistinguishedAlumni\2016\DA2016_Binford-640x480.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 124 MiB
Duration : 10 min 29 s
Overall bit rate mode : Variable
Overall bit rate : 1 657 kb/s
Frame rate : 29.970 FPS
Writing application : Lavf60.16.100

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L3
Format settings : CABAC / 2 Ref Frames
Format settings, CABAC : Yes
Format settings, Reference frames : 2 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 10 min 29 s
Bit rate mode : Variable
Bit rate : 1 456 kb/s
Maximum bit rate : 2 250 kb/s
Width : 640 pixels
Height : 480 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 29.970 (29970/1000) FPS
Standard : Component
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.158
Stream size : 109 MiB (88%)
Color range : Limited
Color primaries : BT.601 NTSC
Transfer characteristics : BT.601
Matrix coefficients : BT.601
Codec configuration box : avcC

Audio
ID : 2
Format : AAC LC
Format/Info : Advanced Audio Codec Low Complexity
Codec ID : mp4a-40-2
Duration : 10 min 29 s
Source duration : 10 min 29 s
Source_Duration_LastFrame : -1 ms
Bit rate mode : Constant
Bit rate : 192 kb/s
Channel(s) : 2 channels
Channel layout : L R
Sampling rate : 44.1 kHz
Frame rate : 43.066 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 14.5 MiB (12%)
Source stream size : 14.5 MiB (12%)
Title : English
Language : English
Default : Yes
Alternate group : 1

[Ann Bens]

That is what I said: it's interlaced.

(I downloaded the file and had a look)

[AndyWalton]

What options should I specify to Premiere Elements to create an MP4 that is compatible with iPad/iPhone?

[Bill Sprague]

What options should I specify to Premiere Elements to create an MP4 that is compatible with iPad/iPhone?

By @AndyWalton

The universal standard (that plays on everything) has evolved to HD 1920x1080p using the H.264 codec.   I no longer have the 2020 version so I can't give you a screen shot from Export and Share.   The primary defaults all use H.264.  Pick "HD" and use what it offers.

[Ann Bens]

Not sure but I could be that the file is interlaced.

[Bill Sprague]

"Export & Share > Devices > SD480 (720 x 480)"

I think the universal standard (that plays on everything) has evolved to HD 1920x1080p using the H.264 codec.   Can you try using one of the primary default options in Export and Share?