相关疑难解决方法(0)

HTML 5视频"自动播放"不会自动在CHROME中启动

我有以下代码:

<video controls autoplay>
  <source src="video/myVideo.mp4" type="video/mp4"> 
  <source src="video/myVideo.webm" type="video/webm">
  <source src="video/myVideo.ogv" type="video/ogg">   </video>
Run Code Online (Sandbox Code Playgroud)

该视频:

  1. 在Chrome和Firefox中都能很好地显示
  2. 在Firefox中它按预期播放
  3. 在Chrome中显示但不是"自动启动".这就是问题.
  4. 如果我点击它(在Chrome中)它就可以了

试着

<video controls autoplay>...</video>
<video controls autoplay="1">...</video>
<video controls autoplay="autoplay">...</video>
Run Code Online (Sandbox Code Playgroud)

在Chrome中没有任何效果

然后我也尝试按照https://en.wikipedia.org/wiki/HTML5_video中的建议更改编解码器,但它也不起作用:

<source src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"'>
    <source src="movie.ogv" type='video/ogg; codecs="theora, vorbis"'>
    <source src="movie.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'>
Run Code Online (Sandbox Code Playgroud)

所以现在我走到了尽头.感谢您的任何指示!非常感激.

google-chrome html5-video

34
推荐指数
6
解决办法
7万
查看次数

后台视频无法在手机和台式机的Safari浏览器中播放

我已将视频转换为.mp4,.webm,.gov等3种格式,但仍然无法在Safari浏览器中播放背景视频

<video autoplay="" muted="" loop="" id="myVideo">
    <source src="videos/2.0-Welcome-to-DISTRO_1 (1).ogv" type="video/ogv">
     <source src="videos/2.0-Welcome-to-DISTRO_1 (1).webm" type="video/webm">
    <source src="videos/2.0-Welcome-to-DISTRO_1 (1).mp4" type="video/mp4">
    </video>
Run Code Online (Sandbox Code Playgroud)

页面网址是http://gnxtsystems.com/cookie-test/

请帮助我修复它。提前致谢。

css html5 css3 html5-video

2
推荐指数
2
解决办法
5251
查看次数

标签 统计

html5-video ×2

css ×1

css3 ×1

google-chrome ×1

html5 ×1