Tôi khá mới đối với các ứng dụng dành cho thiết bị di động, vì vậy tôi đang cố gắng loại bỏ một trình phát video đơn giản bằng Phonegap và jQuery Mobile. Vấn đề là, jQuery di động dường như đang chặn phát lại video vì một lý do nào đó.Phát lại video với jQuery Mobile và Phonegap
Để khắc phục sự cố, tôi đã xóa nó ngay về HTML sau, nhưng nhận được kết quả tương tự, tức là hình chữ nhật màu đen, nơi video sẽ có, nhưng không phát lại hoặc điều khiển video.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
<script type="text/javascript" src="cordova-2.2.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.mobile-1.2.0.js"></script>
<title></title>
</head>
<body>
<div>
<video controls autoplay>
<source src="video/video1.mp4" type="video/mp4" >
</video>
</div>
</body>
</html>
Nếu tôi xóa liên kết tới jquery.mobile-1.2.0.js video sẽ hiển thị và phát, nếu không, chỉ là hình chữ nhật màu đen.
Tôi không biết jQuery trên thiết bị di động, nhưng tìm kiếm trong js để tham chiếu đến các yếu tố video không hiển thị, vì vậy tôi không biết điều gì đang chặn nó.
Mã hoạt động tốt trong Chrome và Firefox. Không có thông báo điều khiển trong Xcode. Tôi cũng đã cố gắng hooking lên đến http://debug.phonegap.com/ nhưng điều này đã không có thông báo lỗi hoặc.
Bất kỳ ý tưởng nào ??