我正在尝试使mp4视频自动播放,以便在我的移动网站上正常工作。我在两个网站上都应用了相同的技术,但不仅在其中一个网站上不起作用,这很奇怪!我觉得我的想法用光了!
这是第一个无法正常运行的网站:https://wearepharos.com/ pw:pharos123它托管在Shopify上。
[这是另一个网站,我在其中做同样的事情,但是以某种方式可以在移动设备上运行:https://sebastianwalach.com/
我正在使用此脚本在第二个网站上完成该工作的视频中添加playsinline:
<script>
setTimeout(
function(){
var mobilevideo = document.getElementsByTagName("video");
var i;
for (i = 0; i < mobilevideo.length; i++) {
mobilevideo[i].setAttribute("playsinline", "");
}
},
3000);
</script>
请帮助我!
一个原因可能是您的mp4视频使用了“高” h.264配置文件。
H.264具有不同的配置文件(https://en.wikipedia.org/wiki/Advanced_Video_Coding#Profiles),并且并非所有设备都支持所有配置文件。
例如,Android基准支持不包括“高”配置文件,尽管某些Android设备可能支持:https://developer.android.com/guide/topics/media/media-formats
这是ffprobe的输出,用于您视频的mp4版本:
Input #0, mov,mp4,m4a,3gp,3g2,mj2, from '/Users/.../Downloads/VICIS_2_-_HIGHLIGHTS (1).mp4':
Metadata:
major_brand : mp42
minor_version : 0
compatible_brands: isommp42
creation_time : 2019-11-11T00:35:32.000000Z
encoder : Google
Duration: 00:00:49.46, start: 0.000000, bitrate: 1955 kb/s
Stream #0:0(und): Video: h264 (High) (avc1 / 0x31637661), yuv420p(tv, bt709), 1280x720 [SAR 1:1 DAR 16:9], 1824 kb/s, 24 fps, 24 tbr, 12288 tbn, 48 tbc (default)
Metadata:
creation_time : 2019-11-11T00:35:32.000000Z
handler_name : ISO Media file produced by Google Inc. Created on: 11/10/2019.
Stream #0:1(eng): Audio: aac (LC) (mp4a / 0x6134706D), 44100 Hz, stereo, fltp, 128 kb/s (default)
Metadata:
creation_time : 2019-11-11T00:35:32.000000Z
handler_name : ISO Media file produced by Google Inc. Created on: 11/10/2019.