<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>微信H5视频播放</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel="stylesheet"> <!-- iphone-inline-video 为了iPhone手机 git上有解释 --> <script type="text/javascript" src="./src/iphone-inline-video.js"></script> <style type="text/css"> .IIV::-webkit-media-controls-play-button, .IIV::-webkit-media-controls-start-playback-button { opacity: 0; pointer-events: none; width: 5px; } </style> </head> <body> <video id="v1" width="200" height="100" preload="auto" poster="./src/default_s_1.png" src="http://www.liahaoren.com/Echar/video.mp4?r=7" x5-video-player-type="h5" x5-video-player-fullscreen="true" > </video> <br> <button id="b1" onClick="click1();">播放视频1</button> <script type="text/javascript"> var v1 = document.getElementById('v1'); enableInlineVideo(v1); function click1() { v1.load(); v1.play(); v1.webkitEnterFullScreen(); } </script> </body> </html>
H5视频播放
猜你喜欢
转载自chenfeng-lian.iteye.com/blog/2406666
今日推荐
周排行