html5视频标签JSF2

时间:2011-03-08 11:28:33

标签: jsf html5 jsf-2

我的代码

<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 experssion)。 文件没有显示!

当我尝试使用chrome打开它时,它会自动将其更改为:file://myip/storage/ogg/VX-276.ogg我尝试添加我的servlet图像路径file:////myip//storage//ogg//VX-276.ogg但是网址更改为file:\myip\storage\ogg\VX-276.ogg存在!

如果我写\\\\myip\\storage\\ogg\\VX-276.ogg,则找不到浏览器中显示的文件!

我如何编写URL来显示它?

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

你试过这样的事吗?

<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>

它应该可以工作,创建音频和视频。