html 5 videoモバイル開発二(js制御video開始一時停止、フルスクリーンなどの機能)

1009 ワード

var video=document.getElementById("myPlayer");

フルスクリーンjs制御に入る:
//グーグル(webkitカーネルブラウザ)
video.webkitRequestFullScreen()

//火狐
video.mozRequestFullScreen();

火狐ブラウザのテストで、次のことが発生しました.
       ,Element.requestFullscreen()                 ;

半日問題を探した結果、aラベルhref属性呼び出しメソッドを直接通過するとこのエラーが出力され、要素バインドイベントに直接適用されます.
//欧朋
video.oRequestFullScreen()

//IE(IEブラウザはscreenのsが小文字であることを覚えています.そうしないと呼び出しが成功しません)
video.msRequestFullscreen() 

//アップル携帯、なぜwebkitRequestFullScreen()ではなく、アルファベットの差で死んでしまったのか
video.webkitEnterFullscreen()

サウンドコントロール
       if(video.muted){
            video.muted=false;//    
        }else{
            video.muted=true;//    
        }

再生の開始/一時停止
if(video.paused){
     video.play();//    
}else{
     video.pause();//    
}