我正在使用“Video For Everybody”生成器在我的应用程序中集成媒体播放器。由于该播放器在浏览器不支持HTML5 video
和audio
时会回退到flash,因此我必须使用object
元素和param
属性构建视频和占位符(图像)源。
正如预期的那样,我遇到了表达式未能及时解析的经典问题,我的浏览器发送请求到my.media.com/{{video.src}}
而不是my.media.com/somevideo.mp4
不幸的是,还有几个属性(poster、flashvars、placeholder
等)也面临同样的问题。我该如何创建与ng-src
或ng-href
指令相同的行为?我尝试查找相关源代码,但我没有找到它。以下是一个展示有问题的HTML片段:
<video controls="controls" poster="{{mediaModel.mediaFile2}}" width="300" height="150">
<source ng-src="{{mediaModel.mediaFile}}" type="{{mediaModel.contentType}}" />
<object type="application/x-shockwave-flash" data="http://player.longtailvideo.com/player.swf" width="300" height="150">
<param name="movie" value="http://player.longtailvideo.com/player.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="{{'controllerbar=over&image=' + media.mediaFile2 + '&file=' + mediaModel.mediaFile}}" />
<img ng-src="{{mediaModel.mediaFile2}}" width="300" height="150" title="{{mediaModel.uploadedTime}}" />
</object>
(这是一个空的段落标签,没有需要翻译的内容。)