插入视频

1. ifame嵌入 – 支持嵌入第三方视频以及本地视频。

    <!-- 使用iframe嵌入本地视频 -->
    <div style="width: 500px;height: 380px;margin: 0px auto;">
        <iframe width="500px" height="380px" src="mda-ic3eip66u80zeutr.mp4" frameborder=0 allowfullscreen></iframe>
    </div>
 
    <!-- 使用iframe嵌入第三方视频(例如:优酷视频、腾讯视频、土豆视频) -->
    <div style="width: 500px;height: 380px;margin: 0px auto;">
        <iframe width="500px" height="380px" src="http://player.youku.com/embed/XMzcwNTY3NTM2MA" frameborder=0 allowfullscreen></iframe>
    </div>

2.标签嵌入 – (仅支持嵌入本地视频)

<!-- 使用video嵌入本地视频 -->
    <div style="width: 500px;height: 380px;margin: 250px auto;">
        <video src="mda-ic3eip66u80zeutr.mp4" type="video/mp4" controls autoplay width="500px" height="380px" >
            抱歉，你的浏览器不支持video标签。。
        </video>
    </div>

关于iframe的allowfullscreen属性

关于该属性网上的解释是：允许全屏=true。也就是允许全屏，=false时表示不允许全屏。

关于video标签的controls和autoplay属性

controls属性：个人理解表示显示播放控件（如：播放按钮，音量条等）
autoplay属性：表示是否需要自动播放