译:Silverlight tutorial: Play HD YouTube videos with Silverlight
当Silverlight 3 宣布支持 H.264格式,即可以在Silverlight程序中创建媒体播放器并直接播放YouTube的高质量视频。
准备
1.第一步取得HD格式视频的地址。YouTube对所有的视频进行了不同格式的编码,该教程中使用到的是HD MP4格式。
2.取得YouTube HD视频的地址有很多方式。我使用的是Firefox插件与YouTube HD Ultimate script。基本的想法是该脚本允许你下载不同格式的YouTube视频,其中会包含HD MP4。
继续
3.现在取得了视频的地址:
- http://www.youtube.com/get_video?
- video_id=8yuIw_0ejLs&t=vjVQa1PpcFPrX3tFoahhu4DbniDIqTLkwybdm8xuCt8%3D&fmt=22
4.复制地址到MediaElement的Source属性,F5运行后即可以看到HD视频。
5. 这是相关的XAML代码:
- <MediaElement HorizontalAlignment="Left"
- VerticalAlignment="Top"
- Source="http://www.youtube.com/get_video?
- video_id=8yuIw_0ejLs&t=vjVQa1PpcFPrX3tFoahhu4DbniDIqTLkwybdm8xuCt8%3D&fmt=22"/>
锦上添花
6.用MediaPlayer控件替换MediaElement,你可以在Expression Blend 3 的Assets面板中找到。(译注:需要完整安装Expression Studio,此控件由Expression Encoder3驱动支持。)
7.可以在设计面板的操作设置视频来源地址。
8. 点击Properties选项卡找到Media部分,可以看到Playlist标签。通过点击New按钮,Items(colletion)…增加新的PlayerlistItem。
9. 相关的XAML代码:
- <ExpressionMediaPlayer:MediaPlayer >
- <ExpressionMediaPlayer:MediaPlayer.Playlist>
- <ExpressionMediaPlayer:Playlist>
- <ExpressionMediaPlayer:Playlist.Items>
- <ExpressionMediaPlayer:PlaylistItem
- MediaSource="http://www.youtube.com/get_video?
- video_id=euwBiiiWcYE&t=vjVQa1PpcFP0qThbkuhvZDM_uyxS8zusQuz1JvlPhyo=&fmt=22"
- Title="Star Trek Trailer" VideoHeight="800" VideoWidth="600"/>
- </ExpressionMediaPlayer:Playlist.Items>
- </ExpressionMediaPlayer:Playlist>
- </ExpressionMediaPlayer:MediaPlayer.Playlist>
- </ExpressionMediaPlayer:MediaPlayer>
11.延伸阅读:Adam Kinney MediaPlayer control included in Silverlight 3
Popularity: 3% [?]
