(译)在Silverlight中播放YouTube HD视频

August 27th, 2009 § 0

译: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.现在取得了视频的地址:

  1. http://www.youtube.com/get_video?
  2. video_id=8yuIw_0ejLs&t=vjVQa1PpcFPrX3tFoahhu4DbniDIqTLkwybdm8xuCt8%3D&fmt=22

4.复制地址到MediaElement的Source属性,F5运行后即可以看到HD视频。

5. 这是相关的XAML代码:

  1. <MediaElement HorizontalAlignment="Left"
  2. VerticalAlignment="Top"
  3. Source="http://www.youtube.com/get_video?
  4. 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代码:

  1. <ExpressionMediaPlayer:MediaPlayer >
  2. <ExpressionMediaPlayer:MediaPlayer.Playlist>
  3. <ExpressionMediaPlayer:Playlist>
  4. <ExpressionMediaPlayer:Playlist.Items>
  5. <ExpressionMediaPlayer:PlaylistItem
  6. MediaSource="http://www.youtube.com/get_video?
  7. video_id=euwBiiiWcYE&amp;t=vjVQa1PpcFP0qThbkuhvZDM_uyxS8zusQuz1JvlPhyo=&amp;fmt=22"
  8. Title="Star Trek Trailer" VideoHeight="800" VideoWidth="600"/>
  9. </ExpressionMediaPlayer:Playlist.Items>
  10. </ExpressionMediaPlayer:Playlist>
  11. </ExpressionMediaPlayer:MediaPlayer.Playlist>
  12. </ExpressionMediaPlayer:MediaPlayer>

10. F5运行后会是这样子滴:

11.延伸阅读:Adam Kinney MediaPlayer control included in Silverlight 3

Popularity: 3% [?]

RELATED POSTS

Tagged: , , ,

§ Leave a Reply

What's this?

You are currently reading (译)在Silverlight中播放YouTube HD视频 at Mdong·s Space (小气的神).

meta

Switch to our mobile site