启用 IIS 播放 MP4 影片设定

HTML5 Video Tag

使用 HTML5 Video 标籤播放站台的 .mp4 预设中需要以手动开启这些设置,才能正常的播放影片。目前 HTML 5 所支援的影片格式有 mpeg 4、ogg、WebM。其中 mpeg 4 是比较常用的影片格式 .mp4 可以提供高画质和低档案大小的影片,比较通用的影片格式。当无法播放可能需要检查浏览器隐私权与安全性设定,是否开启「允许音讯与影片自动播放」。另外是检查网站空间 video/mp4 是否启用 MIME 类型。




启用 MIME 类型

必须先于控制台 程式集 程式和功能 开启或关闭 Windows 功能来启用 IIS 功能于本地 IIS 站台的 ROOT 结点项目中选择「MIME 类型」



设置 IIS 添加副档名 .mp4MIME 类型 video/mp4



播放 MP4 影片及播放功能列画面

HTML5 Video 在网页上使用 MP4 影片播放需要考虑影片的大小、压缩率等因素,以达到最佳的播放效果和使用者体验。也可以使用 JavaScript 属性和事件来控制影片的播放行为,如 autoplay, loop, muted, pause, play 等。



网页加入 HTML5 Video

于网页中播放 MP4、OGG、WebM 影片

目前许多浏览器都支援 HTML5 以及 H.264 影片转码器或 WebM 格式的影片元素。能够设定影片长、宽、增加影片播放控制列、是否自动播放、是否自动重覆播放等功能,不同浏览器所支援的影片格式不同,使用 <video> 标籤建议提供两种以上的影片格式,才能自动根据浏览器判断播放,如果该浏览器都没有支援播放,则提示浏览器不支援 <video> 这个标籤。

HTML5 (video) 标籤属性的基本语法

<video preload controls loop poster="media/coFlow.png" width="720" height="480">
  <source src="media/coFlow.mp4" type="video/mp4" />
  <source src="media/coFlow.ogv" type="video/ogg" />
  <source src="media/coFlow.webm" type="video/web" />
  浏览器不支援 HTML 5 <video> 标籤之影片格式播放。
</video>

preload 预先载入、autoplay 自动播放、controls 控制按钮(播放功能列)、loop 播放循环。控制项中如果同时使用 autoplaypreload,会以 autoplay 属性为处理。

poster 海报影像只会在无法使用视讯时显示的图片。设定视讯播放宽度 width 与设定视讯播放高度 height 的属性。

source src 指向视讯档案的位置,网址或相对位址,type 影片的类型。



网页新增 HTML5 video 控制项

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video


HTML <track> Element 字幕轨道

WebVTT Unicode 格式文件档案

WebVTT files are 8-bit Unicode Transformation Format (UTF-8) format text files that look like the following.

WEBVTT

00:00:01.878 --> 00:00:05.334
Enable IIS MIME to play MP4 movie settings

00:00:08.608 --> 00:00:15.296
Add Video Playback Control & Video Settings.

第一行必需是 WEBVTT 接着空行,接下来是一行时间范围加一行或多行字幕内容加空行,一行时间范围加一行或多行字幕内容加空行。
时间格式是 HH:MM:SS.sss 时:分:秒.毫秒。
开始时间 --> 结束时间、--> 的两边各有一个空格,这两个时间必需写在同一行
时间都是相对于视频开始的时间间隔。
时间之后是字幕文本,时间和字幕文本之间不能有空行,字幕文本可以是一行或多行,字幕文本中不能有空行。


伺服器问题

WebVTT 字幕文件的 MIME 类型约定是 "text/vtt",需要在 IIS 或者 ApacheWeb 服务器中配置。



QuickTime Professional for Windows build 7.7.9

Apple 不再支援 Windows 版 QuickTime 7

https://support.apple.com/kb/DL837?locale=zh_TW

新版 Windows 已支援 H.264, MPEG-4 影像压缩格式(针对影音编码、解码)和 AAC 等 QuickTime 7 启用的主要媒体格式。所有现行 Windows 网页浏览器都可支援影片,而不需要浏览器外挂模组。Apple QuickTime 7 内含需权利的技术,因此需要 QuickTime 7 专属的 (SN) Key 专业版註册码註册才能解除 QuickTime Professional 专业版的功能限制。

当播放 Apple QuickTime 标志变成 QuickTime 专业版标志时,就表示註册完成。而 QuickTime X 採用新一代 QuickTime 技术,支援更新的编码及更具效益的媒体播放功能,该技术自 Snow Leopard 起便已内建于 OS X。

在讨论影片过程中 QuickTime 媒体播放器,算是影片播放时间点很好控制播放的工具,只是已经结束。新版 Windows 中似乎又只能用 PotPlayer 64 bit 来顺利开启 .mov 影片的档案。

QuickTime 7.7.9 改进记忆体处理机制后,已解决恶意制作的影片档案可能导致应用程式意外终止或执行任意程式码问题。