コードに取り掛かりましょう:
私は次の文書を準備しています:
<video width="300" height="400" id="videoStage"></video><button onclick='video()'>Play video</button>
JS関数については:
function video(){
var vid_url = "https://fbcdn-video-a.akamaihd.net/cfs-ak-ash4/v/82342/969/274169121921_63622.mp4?oh=99ef0d9285cbbd7adf8bc07a845dc0d1&oe=519E400F&__gda__=1369439362_83c7f900e92bdbaa201f49d35a7c144a";
stage = document.getElementById('videoStage');
stage.src = vid_url;
stage.play();
}
実際のコード サンプル: http://jsbin.com/eviyel/1
このコードは問題なく動作し、デスクトップとモバイル デバイスの両方でビデオを再生します。しかし (!) video() 関数が document.ready に適用されると、デスクトップでのみ再生され、モバイル デバイスでは空で表示されます。
解決策はありますか?10倍。