在网页中播放视频


Playing Video in webpage

我正在使用以下代码在网页中播放视频。播放器显示了我设置的图像,但视频没有播放。请任何人帮助我:-

 <video width="420" 
 height="340" poster="church.jpg" controls="controls" preload="none">   
  <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->    
 <source type="video/mp4" 
 src="http://www.youtube.com/watch?v=9wBvrp55KYM&feature=fvsr" />    
 <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->  
 <source type="video/webm" src="myvideo.webm" /> 
  <!-- Ogg/Vorbis for older Firefox and Opera versions -->  
    <source type="video/ogg" src="myvideo.ogv" /> 
       <!-- Optional: Add subtitles for each language -->   
<track kind="subtitles" src="subtitles.srt" srclang="en" /> 
<!-- Optional: Add chapters -->
<track kind="chapters" src="chapters.srt" srclang="en" />
<!-- Flash fallback for non-HTML5 browsers without JavaScript -->   
<object width="320" height="240" 
type="application/x-shockwave-flash" data="flashmediaelement.swf">
 <param name="movie" value="flashmediaelement.swf" />    
 <param name="flashvars" value="
 controls=true&file=http://www.youtube.com/watch?v=9wBvrp55KYM&feature=fvsr" />
   <!-- Image as a last resort -->     
 <img src="church.jpg" width="320" height="240" 
 title="No video playback capabilities" />   
 </object></video>

youtube链接是一个HTML网站,而不是实际的MP4视频本身。因此,由于这个原因,它不会播放。您必须链接实际文件。此外,您不包括webm或ogg,这使得它在某些浏览器中也不可用。

如果你想在网站上播放youtube视频,他们会提供嵌入代码。

读取

  1. 如何嵌入YouTube视频
  2. 嵌入YouTube视频的新方法