Created
May 2, 2019 14:15
-
-
Save blubbll/4c8d99699b876aa3c0ee9e17c87cb4ac to your computer and use it in GitHub Desktop.
mobile rotatable vid
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$.isMobile = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(navigator.userAgent || navigator.vendor || window.opera) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test((navigator.userAgent || navigator.vendor || window.opera).substr(0, 4)); | |
var dp = new DPlayer({ | |
element: document.getElementById('player'), // Optional, player element | |
autoplay: false, // Optional, autoplay video, not supported by mobile browsers | |
theme: '#FADFA3', // Optional, theme color, default: #b7daff | |
loop: true, // Optional, loop play music, default: true | |
lang: 'en', // Optional, enable screenshot function, default: false, NOTICE: if set it to true, video and video poster must enable Cross-Origin | |
hotkey: true, // Optional, binding hot key, including left right and Space, default: true | |
preload: 'auto', // Optional, the way to load music, can be 'none' 'metadata' 'auto', default: 'auto' | |
video: { // Required, video info | |
url: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/Sintel.mp4', // Required, video link | |
type: 'normal' // Optional, video type, `flv` for flv format, `hls` for m3u8 format, `normal` for mp4 ogg and webm format, `auto` for automatic detection, default: `auto` | |
} | |
}); | |
[setTimeout(function() { | |
if (true || $.isMobile) { | |
/* mobile click play fix */ | |
$('.dplayer-video-wrap').on('click', function() { | |
setTimeout(function() { | |
//Controlbar visible | |
var visi = (window.getComputedStyle($(".dplayer-controller").get(0)).getPropertyValue('opacity') !== "0" || $('.dplayer-playing').hasClass('dplayer-hide-controller')); | |
//Toggle if visible | |
if (visi) { | |
dp.toggle(); | |
setTimeout(function() { | |
$('#player').removeClass('dplayer-hide-controller') | |
}, 99); | |
} | |
//Hide Controlbar | |
setTimeout(function() { | |
$('#player').addClass('dplayer-hide-controller') | |
}, 3499); | |
}, 0) | |
}); | |
//Remove fullicon icon, not needed on mobile | |
//$('.dplayer-icon.dplayer-full-in-icon').remove(); | |
//remove default event | |
//$('.dplayer-full-in-icon')[0].parentNode.innerHTML += ''; | |
$('.dplayer-full-in-icon').on('click', function(event) { | |
$("#player").toggleClass("hor"); | |
}); | |
} | |
})] |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment