相关疑难解决方法(0)

HTML5视频标记在Safari,iPhone和iPad中无法使用

我正在尝试创建一个html5网页,其中有一个像13s的小视频,我将此视频的flash版本转换为3格式:.ogv使用fireFogg,.webm使用firefogg也和.mp4使用HandBrake应用程序html脚本我在我的页面中使用过:

<video  width="800" height="640" loop preload="false" autoplay  controls tabindex="0">
  <source src="xmasvideo/video.mp4" type="video/mp4" />
  <source src="xmasvideo/M&P-Xmas 2.ogv" type="video/ogv" />
  <source type="video/webm" src="xmasvideo/M&P-Xmas.webm" />
</video>
Run Code Online (Sandbox Code Playgroud)

该视频在Chrome和FireFox中运行良好,但在桌面上的Safari和iPhone或iPad上都无法正常工作,输出只是一个空白页面,显示视频标签的控件但没有加载任何内容

请注意,我支持的Safari版本支持HTML5视频

iphone safari mobile-safari ipad html5-video

77
推荐指数
10
解决办法
26万
查看次数

无法在Firefox中将HTML5视频标记静音

我想和webrtc进行视频通话.我有两个流,一个是本地的,第二个是远程流.

在Chrome中,我将我的视频标签静音,以便不听到导致回声的声音.我的HTML标签就像;

<video style="position:absolute;right:5px;bottom:5px;display: inline;" class="localVideo" autoplay="autoplay" 
muted="true" 
src="mediastream:3ffffe01-da89-44d9-b9cf-454b11ec6a6a" height="25%" width="25%"></video>
Run Code Online (Sandbox Code Playgroud)

在Firefox中,muted ="true"属性不起作用,所以我听到了自己的声音.我尝试在其他主题中设置多种方式的静音...

var video = document.querySelector("#movie");     
video.muted = true;
Run Code Online (Sandbox Code Playgroud)

这个代码片段与jquery的不同变体没有用.

然后我决定在视频标签中添加controls属性,以便观察Firefox控制按钮的工作原理.我已经看到Firefox控制器上的静音按钮也不起作用.

使用Windows 7 - 8.1,带有Yosemite的macOS的Firefox 35和Firefox ESR 31.5都会出现此问题.我通过webrtc库localStream获取媒体流.

这是一个已知问题,如果有,有什么解决方法可以解决这个问题吗?

谢谢.

javascript firefox html5 html5-video webrtc

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