html5 视频不能在 ipad 模拟器中播放？答案

【问题标题】：html5 video not playing in ipad simulator?html5 视频不能在 ipad 模拟器中播放？
【发布时间】：2010-07-11 07:40:05
【问题描述】：

我创建了 xcode 通用项目，我正在尝试在 UIWebView 中加载 HTML5 页面

问题是我看不到任何播放电影的控件，而且我在视频上出现黑屏

放置，在 ipad 和 iphone 模拟器中，

我的 .html 文件

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <!-- Change this if you want to allow scaling -->
    <meta name="viewport" 
        content="width=default-width; user-scalable=no" />
 
    <meta http-equiv="Content-type" 
        content="text/html; charset=utf-8">
 
    <title>Web App Demo</title>
 
  </head>
  <body>
    <h1>Video Test</h1>
    <p>This is a video test.</p>
    <video width="320" height="240" controls= "controls">
        <source src="video.ogv" type="video/ogg" />
        <source src="video.mp4" type="video/mp4"/>
             browser not supports the video
    </video>
    </br> <br/>
    <h1>This is Audio </h1>
    <b>Testing Audio </b>
    <audio controls="controls">
        <source src="audio.ogg" type="audio/ogg" />
        <source src="audio.mp3" type="audio/mpeg"/>
        browser not supporting audio
    </audio>

  </body>
</html>

任何帮助为什么它不能在模拟器中播放。

提前致谢。

【问题讨论】：

标签： iphone objective-c ipad html uiwebview

【解决方案1】：

我之前在出现 url 问题时看到过这种情况——比如大小写...模拟器比设备更轻松...检查确切的文件名...

【讨论】：

【解决方案2】：

听起来这可能是一个路径问题。您正在为视频使用相对路径名，因此它们需要位于 HTML 期望它们所在的位置才能找到它们。您需要使用包中文件的绝对路径名，或者确保将基本 href 定义为指向保存这些图像的适当文件夹，或者在 HTML 中显式或通过在 loadHTMLString:baseURL 中指定正确的 baseref : 调用。

快速测试这是否是一个问题的一种方法是在视频文件旁边放置一个 .png 并在 HTML 中引用它。如果 .png 未显示，则与其说是视频问题，不如说是查找资产的问题。

【讨论】：

没有路径问题，我可以在 iphone 模拟器中播放窗口，但不能在 ipad 模拟器中播放，在 ipad 模拟器中我看不到播放按钮等任何控件，但根据我的视频帧大小，我可以看到黑色窗口，但在 iphone 模拟器中我可以看到，-谢谢 CC
嗯。您确定要将视频文件添加到 iPad 版本吗？也许视频没有包含在 iPad 版本的捆绑包中，但包含在 iPhone 版本的捆绑包中。检查您的目标以确保包含视频文件。其他需要检查的事项：尝试不同的视频文件或不同的视频编解码器，检查文件名的大小写问题，尝试直接播放视频而不是嵌入 HTML 页面，并尝试清理目标并重新编译。

【解决方案3】：

我读到 mp4 文件应该放在 ogv 文件之前，以便 iPad 播放。

【讨论】：

【解决方案4】：

我正在我的 uiwebview 中播放一个 m4v 文件，但半透明的“播放”按钮没有出现在我的模拟器中。不过，它确实适用于设备本身....

        <video id="VideoDiv" preload src="http://www.movietime.com/movie.m4v" controls width="480px" height="270" poster="poster.png"></video>

【讨论】：