html5自动播放mov格式视频的实例代码

这个不算啥新奇吧？但还是记录一下。

这个问题应该这么看。

1、首先网站要支持.MOV格式文件

就是说，网站要能识别.MOV格式文件。

< ;m imeMap fileExtension=".mov" mimeTy PE ="video/ QuickTime " />

如何识别？设置 MIME类型。以IIS 为例。除了可以在IIS界面上直接设置，还可以在项目的web. config 里设置。给个完整的例子

<? XM l version="1.0" encoding="UTF-8"?>
<configuration>
    < Sys tem.webServer>
        <directory br owse enabled="true" />
        <defaultDocument>
            <files>
                <remove value="default.aspx" />
                <remove value="iisstart.htm" />
                <remove value="index.ht ML " />
                <remove value="index.htm" />
                <remove value="Default.asp" />
                <remove value="Default.htm" />
            </files>
        </defaultDocument>
        < stat icContent>
   <remove fileExtension=".mp4" />
   <remove fileExtension=".wasm" />
   <remove fileExtension=".woff" />
   <remove fileExtension=".wof f2 " />
   <remove fileExtension=".mov" />
    
   <mimeMap fileExtension=".mp4" mimeType="video/mpeg" />
            <mimeMap fileExtension=".wasm" mimeType="application/wasm" />
            <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
            <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
   <mimeMap fileExtension=".mov" mimeType="video/quicktime" />
        </staticContent>
        <http PR otocol>
            <customHeaders>
                <add n am e="Access-Control-Allow-Ori gin " value="*" />
            </customHeaders>
        </httpProtocol>
        <caching>
            <profiles>
                <add extension=".png"  policy ="CacheUntilChange" kernelCachePolicy="CacheUntilChange" />
                <add extension=". jpg " policy="CacheUntilChange" kernelCachePolicy="CacheUntilChange" />
                <add extension=".css" policy="CacheUntilChange" kernelCachePolicy="CacheUntilChange" />
                <add extension=".js" policy="CacheUntilChange" kernelCachePolicy="CacheUntilChange" />
            </profiles>
        </caching>
    </system.webServer>
</configuration>

2、HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content -t ype" content="text/html; charset=utf-8"/>
<style>
body, center {
padding:0;
m arg in:0;
}
</style>
</head>
<body>
  <center>
  <video id="video"  width="640" h ei ght="480" muted controls auto play ="autoplay" preload="auto" >
    <source src="月 半 湾.mov" />
    您的浏览器不支持 HTML5 video 标签。
  </video>
  </center>
</body>
</html>

本例会自动播放。自动播放的关键是[muted]属性（静音），否则无论是声明autoplay=[autoplay]，还是用脚本video.play()都不起作用。这个应该是故意设计成这样的。否则，打开就自动播放，万一是爱情动作片怎么办？如果静音就少了许多顾虑。

总结

以上所述是小编给大家介绍的html5自动播放mov格式视频的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

总结

以上是为你收集整理的 html5自动播放mov格式视频的实例代码全部内容，希望文章能够帮你解决 html5自动播放mov格式视频的实例代码所遇到的问题。

如果觉得网站内容还不错，推荐好友。

查看更多关于html5自动播放mov格式视频的实例代码的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did205913

更新时间：2023-05-03 阅读：18次