视频插入

1.兼容各种浏览器-腾讯视频

<div class="video" id="video"></div>
<script src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>

<script>
playVideo(videoid, posterurl, 'video');

function playVideo(videoId, poster, fatherElemId){
    var video = new tvp.VideoInfo();
    video.setVid(videoId);//视频vid
    var videoWidth= '100%';
    var videoHeight= '100%';
    var player = new tvp.Player(videoWidth, videoHeight);//视频高宽
    player.setCurVideo(video);
    player.addParam("autoplay","1");//是否自动播放，1为自动播放，0为不自动播放
    player.addParam("wmode","opaque");
    if(poster!=null || poster!='')
        player.addParam("pic", poster);//默认图片地址
    player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf");//是否调用精简皮肤，不使用则删掉此行代码
    player.write(fatherElemId);
}
</script>

2.兼容各种浏览器-自己视频(flv格式)

<embed src="Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=sanwanchufang-ganjianyinxueyu2.flv&LogoText=" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="400"></embed>

demo: video-flv

3.现代浏览器-video标签

<video id="video" width="600" height="400" controls preload="auto" poster="/static/img/poster_fish.jpg">
    <source src="http://video.yzg365.com/static/video/sanwanchufang-ganjianyinxueyu.mp4"></source>
    <source src="http://video.yzg365.com/static/video/sanwanchufang-ganjianyinxueyu.webm"></source>
</video>