2014-02-28 39 views
-1

我正在使用XAMPP开发一个WordPress站点。我在标题中使用html5视频标签来显示视频。我有C:\驱动器上的视频 - 不在XAMPP安装中。 C:\WebVideo是路径。本地wordpress安装不能播放html5视频

我测试在五大浏览器:

  • 火狐27.0.1它说“与支持的MIME类型找不到影片”
  • IE9刚刚显示一个大黑盒子。
  • Chrome版本32与Opera 17一样显示控制栏。
  • Safari 5.1.7显示的标题没有提示视频应该显示。

所以,我唯一的线索是MIME类型。

我确实有一个.htaccess文件位于C:/xampp/htdocs/wordpress文件夹中。这是文件的内容:

AddType video/mp4 .mp4 .m4v 
AddType video/ogg .ogv 
AddType video/webm .webm 

我知道正在读取该文件,因为当我放了一堆废话的文件中我得到的内部服务器错误。当废话被删除Wordpress功能正常。

这里是我使用的HTML:

<video width="320" height="240" controls="" preload="" style="width:30%; position:absolute; float:right; "> 
<source src="C:/WebVideo/my-vid.mp4"></source> 
<source src="C:/WebVideo/my-vid.ogv"></source> 
<source src="C:/WebVideo/my-vid.webm"></source> 
</video> 

视频本身不破它起着罚款。

我已经在网络上搜索了大约2个小时,找到了一些修复方法,然后空手而归。有人有主意吗?

+0

*旁注:*'position:absolute' with'float:right'?听起来不符合逻辑。 – Raptor

+0

你不应该为视频'src'使用本地路径。如果你想通过WordPress访问(与其他网站一样),把它放在web根目录下,在你的情况下,它是'C:/ xampp/htdocs /'。 – Raptor

+0

@Shivan你好Shivan。我想知道我发布的那一分钟,但我不知道如何解决它。所以,现在这些视频播放得很好 - 除了视频根本不显示的Safari之外。但我想另一个问题......非常感谢。 – user3363085

回答

0

正如评论中所述,Safari要求安装QuickTime以通过<video>标记(仅限Windows)播放视频。

此外,建议为回退目的提供替代视频源。更好的是,使用具有Flash播放器后备的库,例如videoJS