เมื่อเล่นวิดีโอภายใต้ WeChat ในโทรศัพท์ iOS และ Android คุณจะพบปัญหามากมาย . หากวิดีโอไม่ใช่วิดีโอ Tencent การเล่นจะเล่น
วิธีแก้ปัญหา: เพิ่มแอตทริบิวต์บางอย่างลงในวิดีโอและโทร H5 Native Video<video id = videoall src = video/01.mp4 โปสเตอร์ = images/1.jpg/*视频封面*/preload = auto webkit-playsInline = true/*这个属性是 ios 10 中设置可以让视频在小窗内播放นั่นคือมันเป็นการเล่นเต็มหน้าจอ* / playsInline = true /* iOS weChat เบราว์เซอร์รองรับการเล่นหน้าต่างขนาดเล็ก* / x -webkit-airplay = อนุญาตให้ X5-video-player-type = H5 /* H5 WeChat Android ค่าคือหน้าจอแนวตั้ง*/ style = object-fils: เติม> </video>Poster = images/1.jpg: ภาพที่แสดงเมื่อแอตทริบิวต์ระบุการดาวน์โหลดวิดีโอหรือภาพที่แสดงอยู่ด้านหน้าของผู้ใช้คลิกที่ปุ่มเล่น หากแอตทริบิวต์นี้ไม่ได้ตั้งค่าให้ใช้เฟรมแรกของวิดีโอแทน preload = อัตโนมัติ: แอตทริบิวต์ระบุวิดีโอหลังจากโหลดหน้าเว็บ WebKit-PlaysInline และ PlaysInline: การเล่นในท้องถิ่นระหว่างการเล่นวิดีโออย่าออกจากการไหลของเอกสาร แต่คุณลักษณะนี้มีความพิเศษมากกว่า กล่าวอีกนัยหนึ่งหากไม่ได้ตั้งค่าแอปฉลากนี้ไม่ได้ผลในหน้าของคุณ
จำเป็นต้องเพิ่มที่นี่ ต้องการเพราะหน้าจอเต็มเป็นค่าเริ่มต้น แต่ในเวลานี้หน้าจอเต็มรูปแบบมีการควบคุมไม่ว่าคุณจะตั้งค่าการควบคุมว่าคุณตั้งค่าหรือไม่ การถ่ายทอดสดของการถ่ายทอดสดอาจใช้ แต่ไม่จำเป็นต้องใช้แบบเต็มรูปแบบ H5 ดังนั้นการควบคุมการควบคุมในระหว่างการเล่นเต็มหน้าจอต้องมีการตั้งค่าต่อไปนี้: การเล่นเลเยอร์เดียวกัน
X-Webkit-Airplay = อนุญาตให้ ไม่ทราบบทบาทของมันในขณะนี้ แต่ Xiaobian คาดการณ์ว่าแอตทริบิวต์นี้ควรทำให้วิดีโอนี้รองรับฟังก์ชั่นการออกอากาศของ iOS การใช้ Airplay สามารถเล่นวิดีโอเพลงและไฟล์ภาพถ่ายได้โดยตรงจากสถานที่ต่าง ๆ บนอุปกรณ์ของ iOS การเล่นยังรองรับฟังก์ชั่นที่เกี่ยวข้อง X5-Video-Player-type: เปิดใช้งานเครื่องเล่น H5 เลเยอร์เดียวกันนั่นคือเมื่อหน้าจอเต็มหน้าจอของวิดีโอ DIV สามารถนำเสนอได้ในเลเยอร์วิดีโอซึ่งเป็นคุณลักษณะที่เป็นเอกลักษณ์ของเวอร์ชั่น WeChat Android การเล่นนามแฝงในเลเยอร์เดียวกันนี้เรียกว่าการเล่นที่ดื่มด่ำ ผู้เล่นระดับเดียวกันปัจจุบันมีผลกับ Android เท่านั้น (รวมถึง WeChat) และไม่สนับสนุน iOS ในขณะนี้ สำหรับสาเหตุที่การเล่นเลเยอร์เดียวกันนั้นเปิดให้ Android เท่านั้นเนื่องจาก Android ไม่สามารถเล่นได้เช่น ISO หน้าจอเต็มรูปแบบเริ่มต้นจะทำให้การดำเนินการส่วนต่อประสานบางอย่างถูกบล็อก เลเยอร์เดียวกันในเวลานี้แก้ปัญหานี้ อย่างไรก็ตามในระหว่างการทดสอบพบว่าเอฟเฟกต์ ISO และ Android ที่แตกต่างกันนั้นแตกต่างกันเล็กน้อย x5-video-erientation: ประกาศทิศทางที่รองรับโดยผู้เล่นหน้าจอแนวนอนที่มีมูลค่าเสริมหน้าจอแนวตั้ง ค่าเริ่มต้นของค่าเริ่มต้น ทั้งการถ่ายทอดสดและเต็มหน้าจอ H5 มักจะเล่นหน้าจอแนวตั้ง แต่แอตทริบิวต์นี้ต้องการ X5-Video-Player-type เพื่อเปิดโหมด H5 X5-Video-Player-Fullscreen: การตั้งค่าเต็มหน้าจอ มันมีค่าแอตทริบิวต์อื่นอีกสองค่าคือ ture และ false, true รองรับการเล่นแบบเต็มรูปแบบ, False ไม่รองรับการเล่นแบบเต็มหน้าจอในความเป็นจริงเบราว์เซอร์ ISO WeChat เป็นแกนกลางของโครเมี่ยมและได้รับการสนับสนุนคุณลักษณะที่เกี่ยวข้องและเป็นสาเหตุที่ X5 ไม่ได้รับการสนับสนุนโดยเลเยอร์เดียวกัน เบราว์เซอร์ Android Wechat เป็นเคอร์เนล X5
นอกจากนี้ยังมีปัญหา
วิธีแก้ปัญหา: เพิ่มความพอดี: แอตทริบิวต์สไตล์เป็นวิดีโอ หากยังมีขอบสีดำขนาดวิดีโอไม่เหมาะสม<div id = videobox> <video id = videoall src = mp4.mp4 โปสเตอร์ = 1.jpg preload = auto webkit-playsInline = จริง playsInline = true = อนุญาต x5-video-player-type = h5 x5- วิดีโอผู้เล่น = True X5-Video-erientation = portaint style = Object-Fit: Fill> </video> <div id = playcontr ()> </div> </div> <div id = videoend> <div id = ongle onclick = อีกครั้ง = playcontr ()> </div> </div>
*{padding: 0; 100%; พื้นหลัง -ขนาดใหญ่: HIDNEDING: HIDGEN : -40.5px; 2. JPG); <script> var videoAll = document.getElementById ('videoAll'), videobox = document.getElementById ('videobox'), btn = d ('btn'), videond = document.getElementById ('videoend'); .DocMeentElement.ClientWidth; PreventDefault ()}, เท็จ); .indexof ('ADR')> -1; ฟังก์ชั่น iOS terminal playContr () {ถ้า (isandroid) {videoAll.style.width = window.screen = block; , function () {VideoAlll .pause ();ข้างต้นเป็นวิธีแก้ปัญหาของ HTML5 WeChat Full -Screen ที่ฉันแนะนำให้รู้จักกับคุณ ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!