Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么我的mp4视频不能在手机上播放?_Javascript_Video_Mp4 - Fatal编程技术网

Javascript 为什么我的mp4视频不能在手机上播放?

Javascript 为什么我的mp4视频不能在手机上播放?,javascript,video,mp4,Javascript,Video,Mp4,我正试图使mp4视频自动播放工作在我的网站上移动。我在我的两个网站上都应用了相同的技术,而且它不仅仅在其中一个网站上起作用,这很奇怪!我觉得我的想法快用完了 这是第一个不起作用的网站:pw:pharos123 它是在Shopify上托管的 这是另一个我做同样事情的网站,但不知怎么的,它正在手机上工作: 我正在使用此脚本将playsinline添加到视频中,该视频在第二个网站上执行此任务: 设置超时( 函数(){ var mobilevideo=document.getElementsByTa

我正试图使mp4视频自动播放工作在我的网站上移动。我在我的两个网站上都应用了相同的技术,而且它不仅仅在其中一个网站上起作用,这很奇怪!我觉得我的想法快用完了

这是第一个不起作用的网站:pw:pharos123 它是在Shopify上托管的

这是另一个我做同样事情的网站,但不知怎么的,它正在手机上工作:

我正在使用此脚本将playsinline添加到视频中,该视频在第二个网站上执行此任务:


设置超时(
函数(){
var mobilevideo=document.getElementsByTagName(“视频”);
var i;
对于(i=0;i

请帮帮我

一个原因可能是您的mp4视频使用的是“高”h.264配置文件

H.264具有不同的配置文件(),并非所有设备都支持所有配置文件

例如,Android基线支持不包括“高”配置文件,尽管一些Android设备可能支持它:

以下是ffprobe针对mp4版本视频的输出:

Input#0,mov,mp4,m4a,3gp,3g2,mj2,来自'/Users/../Downloads/VICIS_2_-_HIGHLIGHTS(1.mp4'):
元数据:
主要品牌:mp42
次要版本:0
兼容品牌:isommp42
创建时间:2019-11-11T00:35:32.000000Z
编码器:谷歌
持续时间:00:00:49.46,开始时间:0.000000,比特率:1955 kb/s
流#0:0(und):视频:h264(高)(avc1/0x31637661),yuv420p(电视,bt709),1280x720[SAR 1:1 DAR 16:9],1824kb/s,24fps,24tbr,12288 tbn,48 tbc(默认)
元数据:
创建时间:2019-11-11T00:35:32.000000Z
handler_name:ISO媒体文件由谷歌公司制作,创建日期:2019年11月10日。
流#0:1(英文):音频:aac(LC)(mp4a/0x6134706D),44100 Hz,立体声,fltp,128 kb/s(默认)
元数据:
创建时间:2019-11-11T00:35:32.000000Z
handler_name:ISO媒体文件由谷歌公司制作,创建日期:2019年11月10日。

我没有找到对该问题的正确解释,但我应用了一个“hack”jQuery修复程序,它实际上运行得很好。我发布它是因为它可能对某人有用:

function playVid() { 
  $('video').get(0).play();
} 
          setTimeout(playVid, 3000);

移动设备通常会阻止自动播放视频,尤其是在网站上没有用户交互的情况下。您唯一能做的就是添加用户交互,使视频播放。@Kokodoko您如何解释视频在第二个网站上工作。我甚至使用相同的jquery库来加载它。它叫vide.js。我认为它不起作用肯定有非常具体的原因。在我自己的测试中,一些网站自动被列入“白名单”“通过浏览器。浏览器记得用户曾经允许自动播放视频。但您应该记住,对于首次访问您网站的新用户,自动播放视频可能会被阻止-至少这是我的经验。我已尝试将格式更改为webm,但我得到了相同的结果。谢谢您的回答。”不过。我很感激。只是为了确定,我在两个网站上都使用了相同的视频。问题仍然存在。看起来一定是其他原因。@SebastianWalach-你能分享它使用的设备和不使用的设备吗?