html5 视频标签 JSF2答案

【问题标题】：html5 video tag JSF2html5 视频标签 JSF2
【发布时间】：2011-07-11 01:11:15
【问题描述】：

我的代码中有

<video id="myVideo" width="100%"  controls="controls">
   <source src="C:\\myVid.ogg"  type='video/ogg; codecs=&quot;theora, vorbis&quot;' />
  </video>

是否可以在 JSF2 中使用它（动态源）

已编辑：

我正在尝试链接到另一台服务器磁盘上的文件：

<video id="myVideo" width="100%"  controls="controls">
<source src="\\myip\storage\ogg\VX-276.ogg"  type='video/ogg; codecs=&quot;theora, vorbis&quot;' />
</video>

（来源实际上是 EL 表达式）。文件未显示！

当我尝试用 chrome 打开它时，它会自动将其更改为：file://myip/storage/ogg/VX-276.ogg 我尝试在我的 servlet 图像路径中添加 file:////myip//storage//ogg//VX-276.ogg 但是 URL 更改为 file:\myip\storage\ogg\VX-276.ogg 不存在！

如果我写\\\\myip\\storage\\ogg\\VX-276.ogg，则文件在浏览器中不显示是被发现的！

我需要如何编写 URL 来显示它？

【问题讨论】：

标签： jsf html jsf-2

【解决方案1】：

在 Facelets 中，您可以只在模板文本中使用 EL。

<video id="myVideo" width="100%" controls="controls">
    <source src="#{bean.videoURL}" type="video/ogg" />
</video>

【讨论】：

谢谢。如何将类似于balusc.blogspot.com/2007/04/imageservlet.html 的内容用于应用范围之外的视频 URL？我尝试了相同的 servlet - 但它没有达到 doGet 方法
那么 URL 完全错误或者 servlet 根本没有映射。
网址是“/image/VX-381.ogg”，我在同一页面上有图像：它适用于它但不适用于视频（它只为图像到达断点）
您需要删除前导斜杠或自己添加上下文路径前缀，如"#{request.contextPath}/image/VX-381.ogg" 或在头部设置HTML <base> 标签。 <h:graphicImage> 会自动在 URL 前面加上上下文路径。
您现在遇到的具体问题是什么？我完全迷路了。我明白这一切都很好，对吧？您说 servlet 被命中并且看起来不错，但随后您开始抱怨由于某些不明显的原因该 URL 不应该是 URL。

【解决方案2】：

你尝试过这样的事情吗？

<video width="300" height="200" controlis="controls">
<source src="movie.ogg"  type="video/ogg">
<source src="movie.mp4"  type="video/mpeg">
Your browser don't support video element.
</video>

...

var video = document.createElement('video');
video.src = 'video.ogg';
video.controls = true;
document.body.appendChild(video);

...

<cc.implementation>
<h:outputScript library="js" name="video.js" target="head"/>
<video src="#{cc.attrs.src}" controls="#{cc.attrs.controls}"></video>
</cc.implementation>

它应该可以工作，创建动态音频和视频。

【讨论】：