移动端 Video标签全屏播放时如何设置成横屏播放

Question

<video id="video" src="http://f9.r.56.com/f9.c185.56.com/flvdownload/21/18/141300459978hd_clear.flv.mp4?v=1&amp;t=DO0A1ysNOavlizv_xZzUCw&amp;r=32851&amp;e=1459264028&amp;tt=198&amp;sz=13984701&amp;vid=127075649" type="video/mp4" preload="none" controls="" poster="http://v11.pfs.56img.com/images/27/5/qq987564321i56olo56i56.com_141300459978hd_m.jpg"></video>

这是我随便找的一个video标签，在今日头条找到的。

不过在我自己弄的页面上使用这个video标签的时候，点击全屏播放并没有那种自动切换横屏播放的效果，不知道应该如何设置呢？

Answer 1

js：
screen.orientation.lock('landscape');